공식 문서로 공부하면서 내가 알아보기 쉽게 정리하는 Recoil 사용법!
npm install recoil
또는
yarn add recoil
RecoilRoot
넣기import {RecoilRoot} from 'recoil';
function App() {
return(
<RecoilRoot>
App
</RecoilRoot>
);
}
const textState = atom({
key: 'textState', // unique ID
default: '', // default value
});
const [text, setText] = useRecoilState(textState); //[값, setter 함수]
const todoList = useRecoilValue(textState); // 값만 가져오기
const setTodoList = useSetRecoilState(textState); // setter 함수 가져오기
const charCountState = selector({
key: 'charCountState', // unique ID (with respect to other atoms/selectors)
get: ({get}) => {
const text = get(textState);
return text.length;
},
});