父子组件传值以及组件的销毁 _组件

背景问题
componentDidMount() {console.log('componentDidMount', 222);const { dispatch,ids } = this.props;console.log('第一次批量删除的id',ids)let props = this.props;let pageName = (props.location && props.location.pathname) || '';let formValues = (props.formData && props.formData.data[pageName]) || {};let { expandForm } = this.state;this.setState({formValues,expandForm: formValues.expandForm,});const params = {...formValues,ids:ids};dispatch({type: 'certify/fetch',payload: params,});}// // 第二次进来的时候componentWillUpdate(nextProps,nextState){const { dispatch,ids } = nextProps;console.log('第二次批量删除的id',ids)}

文章插图

文章插图
- 对于问题二，其实也不难理解，因为弹窗的关闭，也是通过一个属性字段控制的，这个字段发生改变，就会去触发子组件的重新，就相当于
- 为了避免事件重复请求，就自然想到，当关闭弹窗时，销毁掉子组件。
【父子组件传值以及组件的销毁】

 const parentMethods = {title: '加入黑名单',record: selectedRows,handleCancel: this.handleModalVisible,handleModalVisible: this.handleModalVisible,};{modalVisible?():null}

总结