将类组件转换为功能组件

Question

我想将此类组件转换为功能组件。我尝试了很多但都失败了。有解决问题的方法吗？

componentDidMount(){
    const id = this.props.match.params.id;
    getById( parseInt(id) )
    .then(product => {
    this.setState({
      product,
      loading: false
    });
  })
}

Answer 1

以下代码段在类组件中等于componentDidMount：

// ...
const [loading, setLoading] = React.useState(false);
const [product, setProduct] = React.useState(void 0);

React.useEffect(() => {
  // Did mount, put your code here
  setLoading(true)
 
  // Fetch done
  .then(product => {
    setLoading(false)
    setProduct(product)
  })

}, []);