从基于类的组件转换为功能组件

Question

我需要帮助将此特定行 this.setState({ [name]: value }); 转为在功能组件中工作

handleSelectChange = (e, { name, value }) => {
  this.setState({ [name]: value });
};

<Select
    name="selectedAddress"
    value={selectedAddress}
    options={Addresses}
    onChange={this.handleSelectChange}
      />

Answer 1

在功能组件中，这看起来像这样：

const MyFuncComp = () => {

  const [selected, setSelected] = useState();
  handleSelectChange = (e, { name, value }) => {
    setSelected(current => Object.assign({}, current, {[name]: value}));
  };

  return <Select
    name="selectedAddress"
    value={selectedAddress}
    options={Addresses}
    onChange={handleSelectChange}
    />;
}