ReactJs - 调用第二个函数参数

Question

I'm using React-Bootstrap now, and I want to use the tooltip, but, I don't want to create 2 functions for the tooltip. So, I'm using the second parameter for changing the text of tooltips. But, I can't call it, the function read that I'm calling the first parameter, so, how to make the function to understand that I'm using the second parameter?

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

Thank You mastah

Answer 1

If you are using props from your react component (this.props), you dont need to specifically pass them with function parameters. You could use something like this:

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