useReducer和useContext

205 阅读1分钟
  • 这两个hook是react内置的。

useReducer

useReducer是useState的替代方案。他和redux里的reducer是两个完全不一样的东西。

4.png

useContext

  • 依然需要创建一个content对象语法:Recat.createContext()
  • 在后代组件里也要引入这个对象,然后用useContext接收数据 创建Context对象 2.png 在App组件把它的子组件<Child1/>包裹起来,引入context对象 3.png
  1. 在后代组件Child1Son里使用,也要引入context对象。
  2. 而使用类式组件里的context属性的话,是在后代里给类自身添加属性contextType=MyContext,这句话的作用是把共享的数据存到了this.context属性里,就可以通过this.context直接使用。 ChildSon.png