javascript - 如何从 React 组件函数 prop 中获取返回值？

Question

我有这个组件：

const WizardView = () => {
  return (
    <Wizard finishButtonClick={() => {}} />
  );
};

finishButtonClick 函数返回一些我想要使用的值并期望 () => void 有没有办法在另一个函数中使用 finishButtonClick 返回的值？

例如这样的：

anotherFunction(finishButtonClickReturnValue);

标签： javascriptreactjs

Answer 1

是的，你可以这样做：

const WizardView = () => {
  return (
    <Wizard finishButtonClick={value => anotherFunction(value)} />
  );
};

或者如果您愿意，如下所示：

const WizardView = () => {
  function handleClick(value) {
    anotherFunction(value)
  }

  return (
    <Wizard finishButtonClick={handleClick} />
  );
};