React 第三方状态管理库相关 -- Jotai 篇
一、Jotai
首先安装依赖：
npm install jotai示例代码：
// src/store/index.js
import { countStore } from "./counterStore";
export { countStore };// src/store/counterStore.js
import { atom } from 'jotai';
export const countStore = atom(0);
// src/App.jsx
import React from 'react';
import { useAtom } from 'jotai';
import { countStore } from './store';
const UserProfile = () => {
const [count, setCount] = useAtom(countStore);
return (
<div>
<p>Count: {count}</p>
<button onClick={() => setCount(count+1)}>Increment</button>
</div>
);
};
export default UserProfile;