Recoil

vSsongv·2022년 6월 9일
0

React

목록 보기
2/2

페이스북에서 만든 상태 관리 라이브러리 React를 위한 상태 관리 라이브러리라고 함.
redux의 store처럼 Atoms이 존재함. 상태를 정의하는 방법.

atoms

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

useRecoilState()

  • useRecoilState() : useState와 동일
const [todoList, setTodoList] = useRecoilState(todoListState)

useRecoilValue()

  • useRecoilValue() : 상태만 사용 가능
const todoList = useRecoilValue(todoListState)

useSetRecoilState()

  • useSetRecoilState() : 함수만 사용 가능
const setTodoList = useSetRecoilState(todoListState)

useResetRecoilState()

  • useResetRecoilState() : 인자로 받아온 atom의 state를 default로 reset
const resetTodoList = useResetRecoilState(todoListState);
profile
wanna be bright person✨ Front-End developer

0개의 댓글