and组件modal动态数据

期望效果：

列表里有个操作按钮，每一条数据都可以从弹出的modal里复现原数据及修改原数据（如name,type）
modal特性：

<Modal /> 默认关闭后状态不会自动清空, 如果希望每次打开都是新内容，请设置 destroyOnClose
 //填写表单后，关闭modal数据仍存在。而我们的期望从新加载组件，再走一次useState，赋新的fund的值

类组件

在componentWillReceiveProps里判断props是否变化，如果id变化，从新拉取数据，更改绑定到modal的数据
或者根据visible为true时，从新拉取数据。
ps:每一次为true，都为打开了一个modal

componentWillReceiveProps(nextProps) {
	if(this.props.id !== nextProps.id){
		//修改绑定在modal里的数据
	}
}

hooks

没有生命周期componentWillReceiveProps，可以通过visible为true/false来决定modal是否存在，这样modal会有创建和销毁的过程。每次可见即创建组件，从新走useState，从新赋值，复现原数据

visible && <Modal/>