Вопросы по теме 'react-hooks'

React Native: передача реквизита между компонентами и методом componentWillMount()
Я использую React Native 0.43. У меня есть два компонента с именами ParentComponent и ChildComponent . Я хочу передать некоторые реквизиты от родительского к дочернему компоненту. Я использую следующий код (сокращенная версия) в родительском...
22250 просмотров
schedule 07.01.2024

Диспетчер TypeError.useState не является функцией при использовании React Hooks
У меня есть такой компонент: import React, { useState, useEffect } from "react"; import ReactDOM from "react-dom"; function App() { const [count, setCount] = useState(0); useEffect(() => { document.title = `You clicked ${count}...
41966 просмотров
schedule 21.09.2022

Как React.useState вызывает повторный рендеринг?
import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click...
18938 просмотров
schedule 17.02.2023

Хранение негосударственных переменных в функциональных компонентах
Ниже приведены два компонента React, которые делают почти одно и то же. Один - это функция; другой класс. Каждый Компонент имеет Animated.Value с асинхронным прослушивателем, который обновляет _foo при изменении. Мне нужно иметь доступ к...
29774 просмотров

React Hooks можно вызывать только внутри тела функционального компонента.
Как запустить useEffect() при нажатии кнопки, а не при рендеринге компонента? Когда я использую его внутри такой функции, я получаю сообщение об ошибке: Хуки могут быть вызваны только внутри тела функционального компонента. function...
7775 просмотров
schedule 09.06.2023

Сделайте так, чтобы перехватчик React useEffect не запускался при первоначальном рендеринге
Согласно документам: componentDidUpdate() вызывается сразу после обновления. Этот метод не вызывается для первоначального рендеринга. Мы можем использовать новый хук useEffect() для имитации componentDidUpdate() , но похоже, что...
98503 просмотров
schedule 05.04.2022

Как я могу использовать перехватчики React в классическом компоненте React `class`?
В этом примере у меня есть класс реакции: class MyDiv extends React.component constructor(){ this.state={sampleState:'hello world'} } render(){ return <div>{this.state.sampleState} } } Вопрос в том, могу ли я...
68725 просмотров
schedule 18.03.2022

Реагировать на хуки: в чем разница между useMutationEffect и useLayoutEffect?
В чем разница между useMutationEffect и useLayoutEffect с точки зрения использования? Я прочитал все доступные материалы в Интернете, включая (но не ограничиваясь) Справочник по хукам Сообщение в блоге Кента Разница между...
3505 просмотров
schedule 10.11.2022

Есть ли проблема с производительностью, связанная с использованием функции стрелки в React Effect Hook?
React представила хуки в своем последнем предложении. Эффектный хук принимает функцию и такой массив: useEffect(() => { document.title = `${unRead} notifications` }, [unRead]) React преднамеренно использует функцию стрелки . Это...
1063 просмотров
schedule 08.06.2023

Установить типы в useState React Hook с помощью TypeScript
Я переношу проект React с TypeScript для использования функций хуков (React v16.7.0-alpha), но я не могу понять, как установить типизацию деструктурированных элементов. Вот пример: interface IUser { name: string; } ... const [user, setUser] =...
94852 просмотров
schedule 25.03.2023

Ошибки при использовании React Hooks с Electron JS и react-data-grid
Я пытаюсь интегрировать сетку данных реакции с электронным js, и у меня возникают проблемы при использовании useState. Консоль просит меня добавить границы ошибок, и это тоже не помогло. Я искал похожие проблемы в stackoverflow и убедился, что...
523 просмотров

как настроить response-i18n с хуками, получая TypeError: Cannot read property '0 of undefined'
При попытке настроить react-i18n с помощью хуков возникает эта ошибка TypeError: Cannot read property '0' of undefined Вот i18n.js import i18n from 'i18next'; import { initReactI18next } from 'react-i18next/hooks'; // import Backend...
2440 просмотров

componentDidMount для функции React / компонента хуков?
Есть ли способы имитировать componentDidMount в функциональных компонентах React с помощью хуков?
64947 просмотров
schedule 09.06.2023

реагировать на хуки и setInterval
Есть ли альтернатива просто держать «часы» в фоновом режиме для реализации автоматического перехода (через несколько секунд) в карусель с использованием перехватчиков реакции? Пользовательский обработчик реакции ниже реализует состояние карусели,...
16456 просмотров
schedule 15.06.2022

переключить активное состояние с помощью хуков реагировать
Я использую хуки React и наткнулся на то, что не знаю, как это сделать. У меня есть родительский компонент, который отображает список городов. const Cities = ({ cities = ["London", "Barcelona", "Los Angeles", "New York"] }) => { return (...
9118 просмотров

React useState Hook setter не имеет результата с переменной массива
Я пытаюсь адаптировать пример из курса udemy от компонента с отслеживанием состояния на основе классов к компоненту на основе функций, используя хук useState с React 16.7.0-alpha. Хотя функции установки для примитивных типов данных работают...
7764 просмотров
schedule 13.07.2023

Почему я получаю TypeError: response__WEBPACK_IMPORTED_MODULE_1 ___ default.a.useState не является ошибкой функции при использовании хуков responsejs?
Я пытаюсь использовать этот компонент прямо из пользовательского интерфейса материалов (простое меню https://material-ui.com/demos/menus/#menus ), чтобы отобразить меню. Однако я получаю TypeError:...
1381 просмотров
schedule 10.05.2022

Можете ли вы передать состояние дочерним компонентам с помощью React Hooks?
Я пытаюсь переписать часть своего кода в React Hooks, и мне было интересно, когда я передаю searchData в этом примере... Будет ли теперь иметь доступ к searchData и setSearchData? Я запутался в том, как работает передача состояния в React Hooks....
29677 просмотров
schedule 07.10.2022

Как использовать дроссель или дребезг с React Hook?
Я пытаюсь использовать метод throttle из lodash в функциональном компоненте, например: const App = () => { const [value, setValue] = useState(0) useEffect(throttle(() => console.log(value), 1000), [value]) return ( <button...
92174 просмотров
schedule 11.01.2023

Анимация группы реакции-перехода с помощью ReactDOM createPortal
Я ломал себе голову, пытаясь понять, как добиться чего-то, что, как я думал, будет довольно простым (я знаю ...) Цель состоит в том, чтобы создать очень минимальный и повторно используемый модальный компонент, который я могу анимировать в...
3301 просмотров