Как мы знаем, если мы используем useState
в Function Component
, состояние не создается каждый раз на re-renders
этого компонента Function, вместо этого оно использует существующее состояние.См. Example
Компонент функции ниже:
function Example() {
// Declare a new state variable, which we'll call "count"
const [count, setCount] = useState(0);
return (
<div>
<p>You clicked {count} times</p>
<button onClick={() => setCount(count + 1)}>
Click me
</button>
</div>
);
}
Где, когда вместо этого у нас есть useState
в customHook
(см. Ниже), каждый вызов "useCustomHook
" создает новое состояние, что дает представление о том, что все пользовательские хуки являются обычными функциями.
function useCustomHook() {
const [cnt, setCnt] = useState(0);
return [cnt, setCnt];
}