Теперь, когда я закончил свой иммерсивный курс по разработке программного обеспечения в General Assembly, я собираюсь продолжить свое образование, работая с онлайн-курсами и учебными пособиями. Это поможет мне отточить свои текущие навыки, а также приобрести новые. Я хотел бы начать эту инициативу с челленджа 100 Days of Coding, и сегодня мой первый день. Моя текущая тема — React Hooks, и вы можете следить за моим прогрессом, проверяя репозиторий, который я создал на Github под названием Hooks Practice.
Итак, что такое хуки? Что ж, один тип хука называется useState, и он позволяет вам использовать своего рода локальное состояние в компонентах React, основанных на функциях. Согласно документации, это упростит отслеживание кода, а также сделает так, чтобы вы могли лучше организовать, где вы храните свое глобальное состояние. Хук useState больше похож на своего рода локальное состояние, которое доступно только в конкретном файле, в котором вы его используете. Это чрезвычайно полезно, и я должен немного улучшить свой код React.
Сначала я устанавливаю переменную, содержащую хук:
const [countByOne, setCountOne] = useState(0);
Затем я использовал хук, создав кнопку для увеличения этого счетчика на единицу:
‹button onClick={() =› setCountOne(countByOne + 1)}›
Увеличить счетчик на 1
‹/кнопка›
В переменной, которую я использовал, countByOne содержит значение счетчика. Далее, setCountOne — это функция, которую вы можете вызывать для обновления countByOne. Затем я установил значение useState(0), которое завершает создание ловушки, а также устанавливает переменные по умолчанию равными 0. Затем я использовал setCountOne в кнопке, чтобы добавить 1 к countByOne.
Хотя это очень простая реализация useState, она дает вам общее представление о том, насколько это полезно. Есть несколько других зацепок, которые я планирую изучить в ближайшие дни, и я буду писать дополнительные статьи, которые будут вести хронику моего процесса обучения. Пожалуйста, дайте мне знать, если у вас есть какие-либо вопросы, и я сделаю все возможное, чтобы помочь вам!
