反应 FunctionComponent 回调变化

Question

我正在尝试使用基于此示例的 Fluent UI PeoplePicker，用于 office outlook 加载项： FLUENT UI PeoplePicker 它在 React 中使用 FunctionComponent。我不精通 React，但我仍然知道 classes 中的回调是如何工作的，但我不确定是否可以在函数组件中实现回调？

我在主 App class 中使用了这个 PeoplePicker FunctionComponent 示例。我需要在更改此 PeoplePicker 值时将数据传回父级，但我不太清楚该怎么做。

主要问题是，如果可能，如何从 FunctionComponent 传回值？

Answer 1

这是具有功能组件的 Child -> Parent 回调结构的常规结构。

const Parent = () => {
  const handleOnChange = () => {
    console.log('This was called');
  };

  return(<Child onChange={handleOnChange} />);
};

const Child = (props) => {
  return(<button onClick={props.onChange}>Click here</button>);
};

反应 FunctionComponent 回调变化

React FunctionComponent callback on change

outlook-addin

reactjs

office-fabric

react-functional-component

fluent-ui