const App = props => {
const [data, setData] = useState(0);
const [login] = useMutation(LOGIN);
const onLoginSubmit = async ({ id, pass }) => {
setData(1);
const { error, data } = await login({ ... });
setData(2);
};
return (
<div>
...Passing `on LoginSubmit` to somewhere downside to be called later...
</div>
);
};Warning: Can't perform a React state update on an unmounted component. 워닝이 뜨면서state 변경하는 코드가 전혀 안먹습니다, 보니까 login 을 부르면 unmount 되는 것 같은데
저 안에서 state 를 변경하려면 어떻게 해야 될까요?
아니..rules of hooks
저거슨 graphql-hooks 패키지에서 가져왔습니다
문서도 안읽는 제 불찰..
login아래 setData는 그 후에 일어나버리고
사실 크롬 1부터 쓴 사람이라 할말은 없지만...
create react app을 사용하시면 직접 까실 필요는 없구요
ㅜㅡ
새로울것도 없어 항상 노가다느낌
이제 곧 폼익도 훅버전으로 릴리즈하려는거 같네요
간단한건 걍 손으로다가..
어짜피 서버에서 발리데이션을 해야해서 대충하는듯(웃음)
hook을 써보니까 신세계네요. 그 목말랐던 코드 길이 줄이기가 한층 편해졌습니다. 이 좋은걸 왜 이제서야..
하는 김에 그저께 쓴 리액트 트랜지션 강좌 올려봅니다
크게 상관은 없을 것 같네요
컴포넌트 설계라든지 컴포넌트의 요구사항을 구현하는 것이라든지 등도 가능하니까요
내부구현에 의존하지 않고
1번 방법은 변경에 취약할 것 같습니다