javascript - 每次单击时渲染组件

Question

我有一个显示名称和 ID 的国家/地区列表。我希望能够编辑国家，所以我为每一行添加了编辑按钮。组件的结构如下:

ListComponent
 -- Edit Component // will show a modal
 --- Modal Component
 ---- Form Component

只要模式打开，我就应该填写表格，现在的问题是:我应该使用哪种生命周期方法来填写表格？

componentDidMount 只触发一次。

componentDidUpdate 不会在第一次调用时触发，会在之后触发。

代码:

  componentDidMount(prevProps, prevState) {
      if(this.props.status == 'update') {
        this.props.form.setFieldsValue({
          isForeign: this.props.country.isForeign,
          name: this.props.country.name,
        });
      }
  }

Answer 1

如果你想在类组件中处理启动和更新，你必须同时使用这两种生命周期方法。这是 React 为功能组件实现钩子(Hook)以避免冗余的一个重要原因。

https://reactjs.org/docs/hooks-intro.html