React的传值 父传子 注意点

父组件传值给子组件的一个过程 在哪个生命周期能获得props的值呢?

今天写代码时突然回想起这一个注意点 所以来出来大家说一说 大家请看如下代码

React的传值 父传子 注意点_第1张图片

父组件中给子组件传值 

React的传值 父传子 注意点_第2张图片

然后子组件调用 大家可以猜一下 哪一个地方可以打印出props的值呢

不买关子 大家看

React的传值 父传子 注意点_第3张图片

 

 在第一次渲染时子组件是获取不到 props的值的 只有在更新阶段才能拿到props的值 

所以一些刚刚入门React的大家注意了 父组件传值给子组件 第一次可能是拿不到值的

并且你们也可以看到 子组件挂载阶段走完后 又走了一遍更新阶段 意为着父组件传值给子组件 子组件调用 会重新调用一次render 函数

你可能感兴趣的:(react.js,javascript,前端)