Хуки - это новое дополнение, поставляемое с response 16.8, оно обеспечивает управление состоянием для компонентов функции реакции. в основном, у React есть два типа компонентов
- Компоненты класса
- функциональные компоненты
Компоненты класса
Компонент на основе класса React - это расширенная версия класса javascript. он расширяет React.Component, и требуется метод render (). пример для компонента на основе класса реакции.
Компонент на основе класса может легко управлять состоянием, просто определите объект состояния и присвойте значение sate с помощью функции setState (), а компонент класса реакции предоставляет методы жизненного цикла реакции, такие как componentWillMount ( ) для управления некоторыми условиями рендеринга внутри компонента.
Функциональные компоненты
Функциональный компонент - это обычная чистая функция javaScript. принимает в качестве аргумента реквизит. и верните JSX. образец для реагирования функциональных компонентов.
Зачем нужны React Hooks?
функциональные компоненты не могут управлять событиями состояния, жизненного цикла. но из react 16.8 с помощью response Hooks можно очень легко управлять событиями состояния, жизненного цикла внутри функционального компонента. пример ниже
вот как хуки реагирования управляют состоянием внутри функционального компонента. useState - это хуки, управляющие состоянием.
const [name, setName] = useState('');name - это свойство внутри состояния, setName () - метод изменения значения свойства name.
useEffect - это хуки, управляющие методами жизненного цикла, пример componentDidMount () componentWillUpdate () при монтировании компонента, обновление useEffect () хуки будут вызывать и обновлять Значения состояния путем вызова setName (), setAge ()
Это базовое понимание React Hooks и то, почему нам нужны Hooks.
