react子组件中请求数据只执行一次
子组件代码如下所示
<SelectGoodModal
key={SelectGood.key}
id={deliverId}
visible={SelectGood.visible}
onClose={()=>{
this.setState({
SelectGood: {
...this.state.SelectGood,
visible: false,
},
});
}}
/>
//子组件显示的代码,给子组件设置随机的key值,使其每次点击的时候都能再次出发componentDidMount
selectGoods = (id) =>{
// console.log(id)
const randomKey = Math.random();
this.setState({
SelectGood:{
visible: true,
key: randomKey, 、关键
},
deliverId:id,
})
}
想在子组件的componentDidMount周期函数中 请求数据,但是默认只有第一次才会加载,这里给