С помощью хука useState
можно создать локальное состояние внутри функционального компонента.
11 записей с тегом "react"
Посмотреть все тегиReact: Побочные эффекты и хук useEffect
Хук useEffect
позволяет выполнять из функционального компонента действия, которые вызывают побочные эффекты, например, получение данных с сервера, установка слушателей событий или взаимодействие с DOM-деревом.
React: Контекст и хук useContext
В React существует проблема передачи свойств целевым компонентам. Обычно мы поднимаем данные по дереву компонентов, чтобы хранить их в одном месте. Но затем их приходится спускать вниз по цепочке пропсов для вывода на страницу. Иногда несколько уровней компонентов просто передают вниз ненужные им данные. чтобы они достигли цели.
React: Мемоизация и хук useMemo
Хук useMemo
очень похож на useCallback
и также используется для повышения производительности. Разница заключается в том, что вместо функций-коллбэков useMemo
запоминает результаты дорогостоящих вычислений.
React: Производительность и хук useCallback
Хук useCallback
используется для улучшения производительности компонентов за счет мемоизации функций обратного вызова.
React: Правила хуков
В React есть два базовых правила использования хуков, которые обязательно нужно соблюдать
React: Редьюсеры и хук useReducer
Редьюсеры (или редукторы) – это простые чистые (предсказуемые) функции, которые получают в качестве аргументов предыдущее состояние объекта и объект действия (action), а возвращают обновленное состояние. Другими словами, редьюсеры применяют к состоянию некоторое действие.
React: Создание пользовательских хуков
Хуки создаются для того, чтобы можно было разделять одинаковое поведение между разными компонентами. Они работают гораздо очевиднее, чем компоненты высшего порядка или рендер-пропсы. Также, React позволяет создавать кастомные хуки.
HTML: Тег select с мультивыбором
// В атрибут value можно передать массив, что позволит выбрать несколько опций
// в теге select:
<select multiple={true} value={['Б', 'В']}
// Boolean attribute 'multiple' indicates that multiple options can be selected
// in the list. If it is not specified, then only one option can be selected at
// a time. When `multiple` is specified, most browsers will show a scrolling
// list box instead of a single line dropdown.
JS: .htaccess для react-router
# If you are using Apache as your web server, you can insert this into your .htaccess file:
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule . /index.html [L]
</IfModule>
# I am using react: "^16.12.0" and react-router: "^5.1.2" This method is the Catch-all and is probably the easiest way to get you started.