Блог

Я буду спорить о базовом крючке useState , но я предполагаю, что то же самое относится и к пользовательским крючкам. Рассмотрим этот небольшой фрагмент кода ReactJS, реализующий простой счетчик:

 import React, { useState } from 'react';

const Counter = () => {
    const [counter, setCounter] = useState(0);
    
    return (
        <>
            <h1>Counter value: {counter}</h1>

            <button onClick={() => { setCounter(counter   1); }}>Increment</button>
        </>
    );
}

export default Counter;
 

При нажатии на кнопку счетчик обновляется, и его новое значение отображается красиво.

Я предполагаю setCounter , что это замыкание внутри useState функции de, и когда нажимается кнопка, вызывается это замыкание, и counter атрибут обновляется внутри useState внутренних элементов.

Но как useState узнать, что его компонент «хостинг» Counter должен быть отрисован снова?. По-видимому, в кодексе не установлено никакой связи или ссылки между ними.

Спасибо