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>
  );
}