react 父组件的props改变之后 子组件的ajax操作会被调用多次?

Question

父组件

reader(
    console.log('父组件readen')
    return(
        子组件
    )
)


子组件
UNSAFE_componentWillReceiveProps(){
    ajax 请求
}

组组件的log有两次 导致子组件ajax请求两次

Answer 1

父组件向子组件传递的 props 每变化一次，子组件的 componentWillReceiveProps 生命周期函数都会执行一次，如果在 这个生命周期函数体中有触发父组件修改 props 的操作，甚至可能会引起无限循环，这大概就是 react 将此函数标记为 “UNSAFE_”的原因。
如果请求只需要发送一次的话，建议将请求放到 componentDidMount 里。