React, recoil의 selector 함수

atom값을 변경할 수 있는 recoil의 함수가 있다.

바로 selector이다.

const selector = selector({
  key: "key",
  get: ({ get }) => {
    return get(atomState);
  },
  set: ({ set }, newValue) => {
    const val = newValue;
    set(minuteState, minute);
  },
});

selector는 get과 set property를 가지고 있는데 이를 이용하면 원하는대로 atom 값을 변경 가능하다.

• get 함수를 이용해 원래의 atom 값을 이용할 수 있다.
• set 함수를 이용해 값을 받아, 원하는 것을 할 수 있다.

selector를 받는 useRecoilState는 배열을 반환한다.

• 0번째는 get함수의 return 값이고,
• 1번째는 set함수를 사용할 수 있게 한다
  - 즉 selector의 set property를 이용할 수 있다.

const [selec, setselec] = useRecoilState(selectorvalue);

이를 이용해 "시간 - 분 변환기"를 만들었다.

https://github.com/Jaeheon-Sim/recoil_ValueChanger/tree/master/src