// const defaultConfig = { ... }; // const initialState

Question

// const defaultConfig = { ... }; // const initialState

= { ... , config: defaultConfig };
// function reducer() { ... };

const [state, dispatch] = useReducer(reducer, initialState);

console.log("component render");

useEffect(() => {
//async load config
dispatch({ type: "updateConfig", payload: res.data.config });

return () => {
console.log("useEffect [] return");
}
}, []);

useEffect(() => {
return () => {
console.log("useEffect [state] return");
}
}. [state]);

ок, я сделал зависимость от state, что логично, но теперь другой трабл

ответ что-то вроде:
```
component render
useEffect [state] return
component render
useEffect [state] return
component render
// закрытие компонента
useEffect [] return
useEffect [state] return
```

какая вообще может быть причина такому поведению?

#frontend #javascript #programming #react.js #russian

0

06.08.2019

3 ответов

15 просмотров

Danila

Потому что он перед тем как запустить эффект сначала запускает клинап предыдущего

0

06.08.2019

Danila

Держи решение const [state, dispatch] = useReducer(reducer, { count: 0 }); const _state = useRef(); useEffect(() => {_state.current = state; }, [state]); useEffect( () => () => console.log("Sending state to server!", _state.current), [] );

0

06.08.2019

Firstname Lastname · Accepted Answer

Firstname Lastname

https://t.me/react_js/716850

0

06.08.2019

169 похожих чатов

// const defaultConfig = { ... }; // const initialState

3 ответов

Похожие вопросы