React
文章平均质量分 95
_xiyang
Change is a direction not a destination.
展开
-
React函数式组件通信方式
react的数据流是自顶向下的,无法通过react直接进行兄弟组件通信,通常是子组件向父组件传递数据,再有父组件告知另一个子组件。组件层级关BrotherComponent>Child1、Child2,组件BrotherComponent调用了组件Child1和组件Child2,组件Child1和Child2是兄弟组件。对于跨级组件来说,可以采用层层传递属性的方式来实现组件之间的通信,但是当层级嵌套关系较深的时候,层层传递是比较繁琐且容易出错的,所以这里利用context来实现组件通信。原创 2024-07-08 08:00:00 · 777 阅读 · 1 评论 -
React函数式hooks使用
useState 可以使函数组件像类组件一样拥有 state,函数组件通过 useState 可以让组件重新渲染,更新视图。state,目的提供给 UI ,作为渲染视图的数据源。dispatchAction 改变 state 的函数,可以理解为推动函数组件渲染的渲染函数。initData 有两种情况,第一种情况是非函数,将作为 state 初始化的值。第二种情况是函数,函数的返回值作为 useState 初始化的值。useEffect 第一个参数 callback, 返回的destory。原创 2024-07-08 08:00:00 · 651 阅读 · 1 评论