子要与父的值保持一样：componentDidMount和componentDidUpdate配合使用

多乐_π

于 2022-06-01 11:11:39 发布

阅读量374

点赞数

文章标签： javascript react.js 前端

本文链接：https://blog.csdn.net/weixin_45481456/article/details/125080118

版权


//父组件的值变化（this.props.locationFileList），子组件的fileList 字段也跟着变 

//子组件
 componentDidMount() {
    const { form: { setFieldsValue } } = this.props;
    setFieldsValue({ fileList: fileListFun(this.props.locationFileList) });
  }
//子组件
  componentDidUpdate(prevProps: FormProps) {
    const { form: { setFieldsValue } } = this.props;
// 这里用componentDidMount初始化渲染的值 与 父组件更新后的值对比
//不想等，就更新为父组件的值
    if (prevProps.locationFileList !== this.props.locationFileList) {

      setFieldsValue({ fileList: fileListFun(this.props.locationFileList) });

    }
  }