Запитання з тегом «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 Мені не вдалося знайти рішення, яке зупинить …

179 reactjs  eslint  create-react-app  react-hooks 

В офіційних документах React це згадується - Якщо ви знайомі з методами життєвого циклу класу React, ви можете подумати про використанняEffect Hook як компонентDidMount, компонентDidUpdate та компонентWillUnmount. Моє запитання - як ми можемо використовувати componentWillMount()метод lifecyle в гачку?

175 javascript  reactjs  jsx  react-hooks 

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

168 javascript  reactjs  react-hooks 

Скажімо, у мене є 3 входи: rate, sendAmount і acceptAmount. Я поставив, що 3 входи на useEffect відрізняються парами. Правила такі: Якщо sendAmount змінився, я обчислюю receiveAmount = sendAmount * rate Якщо прийом змінено, я підрахував sendAmount = receiveAmount / rate Якщо показник змінився, я обчислюю, receiveAmount = sendAmount * …

150 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: "useState" React Hook викликається у функції "app", яка не є ні функціональним компонентом …

148 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 

Як просунути елемент всередину масиву useState React? Це як старий метод у стані реакції? Або щось нове? Наприклад, приклад pushState ?

125 javascript  reactjs  react-hooks 

Скажімо, у мене є якийсь стан, який залежить від якогось іншого стану (наприклад, коли A змінюється, я хочу, щоб B змінився). Чи доречно створити гачок, який спостерігає за А та встановлює В всередині гачка useEffect? Чи ефекти каскадуватимуться так, що коли я натисну кнопку, перший ефект спрацює, що призведе до …

124 javascript  reactjs  react-hooks 

Я вперше пробую хуки React, і все здавалося добре, поки я не зрозумів, що коли я отримую дані та оновлюю дві різні змінні стану (дані та прапор завантаження), мій компонент (таблиця даних) відображається двічі, хоча обидва виклики для оновлення стану відбуваються в тій самій функції. Ось моя функція api, яка …

122 javascript  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); } }, []); Запустіть фрагмент кодуСховати результатиРозгорніть фрагмент і я отримую це попередження на своїй консолі. Але …

119 javascript  reactjs  react-hooks 

Беручи до уваги нижчий приклад гачків 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 me </button> </div> ); } В основному ми використовуємо метод this.forceUpdate (), щоб змусити компонент негайно …

116 javascript  reactjs  react-native  react-hooks 

Я бавився з новою системою гачків у React 16.7-alpha і застряг у нескінченному циклі useEffect, коли стан, яким я обробляю, є об'єктом або масивом. По-перше, я використовую useState і ініціюю його з таким порожнім об'єктом: const [obj, setObj] = useState({}); Потім, у useEffect, я використовую setObj, щоб знову встановити його …

115 reactjs  react-hooks 

Я випробовую новий React Hooks і маю компонент Clock з лічильником, який повинен збільшуватися щосекунди. Однак значення не збільшується понад одиницю. function Clock() { const [time, setTime] = React.useState(0); React.useEffect(() => { const timer = window.setInterval(() => { setTime(time + 1); }, 1000); return () => { window.clearInterval(timer); }; }, …

110 javascript  reactjs  react-hooks 

У мене є кілька побічних ефектів, які я маю застосувати, і хочу знати, як їх організувати: як одноразовий ефект або кілька ефектів використання Що краще з точки зору продуктивності та архітектури?

105 reactjs  react-hooks