Использую функциональный компонент react с хуками.
const [loaded, setLoaded] = React.useState(null);
const [title, setTitle] = React.useState(title);
React.useEffect(() => {
//...
setLoaded(true);
setTitle(title);
}, []);
В этом случае рендер компонента происходит два раза. С одной стороны вроде как логично.
Но так же есть у меня обработчик на checkbox в этом компоненте
const changeHandler = event => {
//...
setTotal(new_total);
setError(false);
};
В этом случае не происходит два рендеринга, хотя state меняется тоже 2 раза. Не могу понять почему происходит именно так.