recoil 주요 함수 정리

const todoListState = atom({
  key: 'todoListState',
  default: [],
});

useRecoilState()

• 상태값 가져오고 수정 가능 (useState와 유사)

const [todoList, setTodoList] = useRecoilState(todoListState)

useRecoilValue()

• 상태값 가져오기만 가능 (read-only)

const todoList = useRecoilValue(todoListState);

useSetRecoilState()

• 상태값 수정만 가능 (write-only)

const setTodoList = useSetRecoilState(todoListState);

useResetRecoilState()

• 상태값 초기화 (reset)
• 주어진 상태를 default값으로 초기화시키는 함수를 리턴한다.

const resetList = useResetRecoilState(todoListState);

// ...

return (
  <button onClick={resetList}>RESET TODOLIST</button>
);

참조

https://recoiljs.org/ko/docs/api-reference/core/useRecoilState
https://recoiljs.org/ko/docs/api-reference/core/useRecoilValue
https://recoiljs.org/ko/docs/api-reference/core/useSetRecoilState
https://recoiljs.org/ko/docs/api-reference/core/useResetRecoilState