Вопросы с тегом «react-hooks»

Я пытаюсь выучить хуки, и этот useStateметод меня запутал. Я присваиваю начальное значение состоянию в виде массива. У useStateменя метод set не работает даже с spread(...)или without spread operator. Я создал API на другом ПК, который я вызываю и получаю данные, которые я хочу установить в состояние. Вот мой код: …

226 javascript  reactjs  react-hooks 

UseEffect Реагировать крючок будет работать переданный в функции при каждом изменении. Это можно оптимизировать, чтобы он вызывался только при изменении желаемых свойств. Что делать, если я хочу вызвать функцию инициализации из componentDidMountи не вызывать ее снова при изменениях? Допустим, я хочу загрузить объект, но функция загрузки не нуждается в данных …

210 javascript  reactjs  react-hooks 

В React 16.8.6 (это было хорошо в предыдущей версии 16.8.3) я получаю эту ошибку, когда пытаюсь предотвратить бесконечный цикл при запросе выборки. ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or remove the dependency array react-hooks/exhaustive-deps Я не смог найти решение, которое останавливает бесконечный …

182 reactjs  eslint  create-react-app  react-hooks 

В официальных документах React упоминается - Если вы знакомы с методами жизненного цикла класса React, вы можете думать о useEffect Hook как о компонентах componentDidMount, componentDidUpdate и componentWillUnmount вместе. Мой вопрос - как мы можем использовать componentWillMount()метод жизненного цикла в крючке?

176 javascript  reactjs  jsx  react-hooks 

Допустим, у меня есть 3 входа: скорость, sendAmount и receiveAmount. Я поставил эти 3 входа на использование различных параметров. Правила таковы: Если sendAmount изменился, я рассчитываю receiveAmount = sendAmount * rate Если полученная сумма изменилась, я рассчитываю sendAmount = receiveAmount / rate Если ставка изменилась, я рассчитываю receiveAmount = sendAmount …

151 reactjs  react-hooks 

Я пытаюсь использовать перехватчики для решения простой проблемы const [personState,setPersonState] = useState({ DefinedObject }); со следующими зависимостями. "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.0" } но я все еще получаю следующую ошибку: ./src/App.js Строка 7: React Hook «useState» вызывается в функции «app», которая не является ни компонентом функции React, …

149 reactjs  react-hooks 

Я пробовал useEffectпример ниже: useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) { console.error(e); } }, []); и я получаю это предупреждение в своей консоли. Но я думаю, что очистка необязательна для асинхронных вызовов. Не знаю, …

142 javascript  reactjs  react-hooks 

В настоящее время я изучаю концепцию хуков в React и пытаюсь понять приведенный ниже пример. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count …

134 javascript  reactjs  react-native  react-hooks 

Я играл с новой системой хуков в React 16.7-alpha и застревал в бесконечном цикле в useEffect, когда состояние, которое я обрабатываю, является объектом или массивом. Сначала я использую useState и инициирую его с помощью пустого объекта, например этого: const [obj, setObj] = useState({}); Затем в useEffect я использую setObj, чтобы …

105 reactjs  react-hooks 

У меня есть несколько побочных эффектов, и я хочу знать, как их организовать: как одноразовое использование или несколько useEffects Что лучше с точки зрения производительности и архитектуры?

102 reactjs  react-hooks 

Я просматривал документацию по хукам, когда наткнулся на нее useRef. Глядя на их пример… function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); }; return ( <> <input ref={inputEl} type="text" /> <button onClick={onButtonClick}>Focus the input</button> </> …

102 javascript  reactjs  react-hooks 

Каков правильный способ обновления состояния вложенного объекта в React with Hooks? export Example = () => { const [exampleState, setExampleState] = useState( {masterField: { fieldOne: "a", fieldTwo: { fieldTwoOne: "b" fieldTwoTwo: "c" } } }) Как бы один использовать setExampleStateдля обновления exampleStateдо a(добавления поля)? const a = { masterField: { …

100 javascript  reactjs  react-hooks 

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

99 javascript  reactjs  react-hooks 

Я ожидаю, что состояние перезагрузится при изменении реквизита, но это не работает, и userпеременная не обновляется при следующем useStateвызове, что не так? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ? (<img src={user.avatar}/>) : (<p>Loading...</p>); } кодовый ключ

95 reactjs  react-hooks 

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

95 javascript  reactjs  react-hooks