Loading... ## 下载 ```shell npm install recoil ``` ## 挂载全局 就是使用```RecoilRoot```包裹```react```根组件 ```jsx import { RecoilRoot } from 'recoil' ReactDOM.render( <RecoilRoot> <React.StrictMode> <Home /> </React.StrictMode> </RecoilRoot>, document.getElementById('root') ) ``` ## 定义 atom ```js import { atom } from "recoil" export const NUM = atom({ key: 'NUM', default: 1 }) export const NAMES = atom({ key: 'NAMES', default: '没有名字' }) ``` ## 使用 - 引入 ```js import { useRecoilState } from "recoil" import { NUM, NAMES } from "../../store" ``` - 使用 ```js const [ num, setNum ] = useRecoilState(NUM) const [ names, setNames ] = useRecoilState(NAMES) // num,names 状态 // setNum,setNames 更改状态方法 ``` 最后修改：2022 年 12 月 07 日 © 允许规范转载 赞 如果觉得我的文章对你有用，请随意赞赏