javascript - ReactJs - 调用第二个函数参数

Question

我现在正在使用 React-Bootstrap，我想使用工具提示，但是，我不想为工具提示创建 2 个函数。因此，我使用第二个参数来更改工具提示的文本。但是，我无法调用它，函数读取到我正在调用第一个参数，那么，如何让函数理解我正在使用第二个参数？

//this is my custom tooltip function

function renderTooltip(props, text) {
  return (
    <Tooltip id="button-tooltip" {...props}>
      {text}
    </Tooltip>
  );
}

const Example = () => (
  <OverlayTrigger
    placement="right"
    delay={{ show: 250, hide: 400 }}
    overlay={renderTooltip('hover me 1')}
  >
    <Button variant="success">Hover me to see</Button>
  </OverlayTrigger>

 <OverlayTrigger
    placement="right"
    delay={{ show: 250, hide: 400 }}
    overlay={renderTooltip('hover me 2')}
  >
    <Button variant="success">Hover me to see</Button>
  </OverlayTrigger>
);

谢谢马斯塔

Answer 1

如果您使用 React 组件 (this.props) 中的 props，则无需专门使用函数参数传递它们。你可以使用这样的东西:

function renderTooltip(text) {
  return (
    <Tooltip id="button-tooltip" {...props}>
      {text}
    </Tooltip>
  );
}