美文网首页
useContext

useContext

作者: 我是Msorry | 来源:发表于2021-01-11 09:52 被阅读0次

上下文

  • 全局变量是全局的上下文
  • 上下文是局部的全局变量

使用方法

  • const Context = createContext(initial)创建上下文
  • <Context.Provider value={{n,setN}}></Context.Provider>圈定作用域和设定初始值,一般是一个读接口和一个写接口
  • const {n,setN} = useContext(Context)作用域内的组件使用上下文

注意事项——非响应式的

  • 调用useContext的写接口,所有组件从上到下逐级执行,也就是所有组件都渲染一次,发现变化,局部更新
  • 响应式是Vue3的特性,监听数据变化,通知使用的组件;例如:n发生变化,所有包含n的组件局部更新,没有n的变量不更新

相关文章

  • React Hook之useContext的介绍与使用

    useContext const context = useContext(Context);接受一个 conte...

  • react-hooks: useContext

    React的useContext应用场景: 如果需要在组件之间共享状态,可以使用useContext()。 举个?...

  • useContext

    props和useContext的区别:useContext可以很方便的跨越多个层级共享state,props需要...

  • 7.React Hook之useContext的介绍与使用

    React的useContext应用场景: 如果想要组件之间共享状态,可以使用useContext。React 的...

  • react中 useContext 和useReducer的使用

    useContext和useReducer 可以用来减少层级使用, useContext,可以理解为供货商提供一个...

  • useContext

    接收一个 context 对象(React.createContext 的返回值)并返回该 context 的当前...

  • useContext

    上下文 全局变量是全局的上下文 上下文是局部的全局变量 使用方法 const Context = createCo...

  • useContext

    https://dmitripavlutin.com/react-context-and-usecontext/ ...

  • useContext

    constvalue=useContext(MyContext); 接收一个 context 对象(React.c...

  • useContext

    先来看官网解释: 接收一个 context 对象(React.createContext 的返回值)并返回该 co...

网友评论

      本文标题:useContext

      本文链接:https://www.haomeiwen.com/subject/nbqbrktx.html