我正在尝试掌握React中新的useContext函数。在无状态功能组件中效果很好。例如:importReactfrom'react';importLocaleContextfrom'../LocaleContext';constLink=({text,url})=>{constlocale=useContext(LocaleContext);return({text});};exportdefaultLink;我还想在有状态组件甚至非React函数中使用useContext,但是当我这样做时,出现以下错误:Hooks只能在函数组件的内部调用。这个消息看似简单易懂,但这是真的吗?我只能
useContext和useReducer可以用来减少层级使用,useContext,可以理解为供货商提供一个公共的共享值,然后下面的消费者去接受共享值,只有一个供货商,而有多个消费者,可以达到共享的状态改变的目的。useReducer可以和useContext配合使用,useReducer可以理解为所有的公共组件共享状态。有多个组件,但是都要共享同一个状态和改变状态后的值,这时候就需要公共的useReducer来改变了。下面通过代码具体讲解如何使用useContext和useReducer一.useContext基本使用可以分为固定的三步1.根组件导入并调用createContext方法,得
useContext和useReducer可以用来减少层级使用,useContext,可以理解为供货商提供一个公共的共享值,然后下面的消费者去接受共享值,只有一个供货商,而有多个消费者,可以达到共享的状态改变的目的。useReducer可以和useContext配合使用,useReducer可以理解为所有的公共组件共享状态。有多个组件,但是都要共享同一个状态和改变状态后的值,这时候就需要公共的useReducer来改变了。下面通过代码具体讲解如何使用useContext和useReducer一.useContext基本使用可以分为固定的三步1.根组件导入并调用createContext方法,得