Pytania otagowane jako react-hooks

Hooki to nowa funkcja, która pozwala programistom używać stanów i innych funkcji Reacta bez pisania klasy.

6
Jak wywołać funkcję ładowania za pomocą React useEffect tylko raz
useEffect React hak będzie działać w funkcji przekazany na każdej zmianie. Można to zoptymalizować, aby zadzwonił tylko wtedy, gdy zmienią się pożądane właściwości. Co zrobić, jeśli chcę wywołać funkcję inicjowania componentDidMounti nie wywoływać jej ponownie w przypadku zmian? Powiedzmy, że chcę załadować jednostkę, ale funkcja ładowania nie potrzebuje żadnych danych …


12
Jak naprawić brakujące ostrzeżenie o zależnościach podczas korzystania z hooka reakcji useEffect?
W przypadku React 16.8.6 (było dobrze w poprzedniej wersji 16.8.3), pojawia się ten błąd, gdy próbuję zapobiec nieskończonej pętli w żądaniu pobierania ./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 Nie udało mi się znaleźć rozwiązania, które zatrzymałoby …

4
metoda set useState nie odzwierciedla natychmiastowej zmiany
Próbuję się nauczyć haczyków, a useStatemetoda wprawiła mnie w zakłopotanie. Przypisuję wartość początkową do stanu w postaci tablicy. Metoda set w useStatenie działa nawet z spread(...)lub without spread operator. Zrobiłem API na innym komputerze, który wywołuję i pobieram dane, które chcę ustawić w stanie. Oto mój kod: import React, { …

9
Jak porównać stare i nowe wartości w React hookach useEffect?
Powiedzmy, że mam 3 wejścia: rate, sendAmount i acceptAmount. Umieściłem te 3 wejścia na różnicowych parametrach useEffect. Zasady są następujące: Jeśli wartość sendAmount uległa zmianie, obliczam receiveAmount = sendAmount * rate Jeśli wartość otrzymanej kwoty uległa zmianie, obliczam sendAmount = receiveAmount / rate Jeśli kurs się zmienił, obliczam receiveAmount = …

28
React Hook „useState” jest wywoływany w funkcji „app”, która nie jest ani komponentem funkcji React, ani niestandardową funkcją Hook React
Próbuję użyć haków reagowania do prostego problemu const [personState,setPersonState] = useState({ DefinedObject }); z następującymi zależnościami. "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.0" } ale nadal otrzymuję następujący błąd: ./src/App.js Wiersz 7: React Hook „useState” jest wywoływany w funkcji „app”, która nie jest ani składnikiem funkcji React, ani niestandardową …

7
React Hook Warnings dla funkcji async in useEffect: funkcja useEffect musi zwracać funkcję porządkującą lub nic
Próbowałem na useEffectprzykładzie jak poniżej: 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); } }, []); i dostaję to ostrzeżenie na mojej konsoli. Myślę, że czyszczenie jest opcjonalne dla wywołań asynchronicznych. Nie wiem, dlaczego …

9
Czym jest useState () w Reakcie?
Obecnie uczę się koncepcji hooków w Reakcie i próbuję zrozumieć poniższy przykład. 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 + 1)}> Click …


5
Czy mogę ustawić stan wewnątrz haka useEffect
Powiedzmy, że mam jakiś stan, który jest zależny od innego stanu (np. Kiedy A się zmienia, chcę zmienić B). Czy właściwe jest utworzenie haka, który obserwuje A i ustawia B wewnątrz haka useEffect? Czy efekty będą kaskadowe w taki sposób, że po kliknięciu przycisku pierwszy efekt zostanie uruchomiony, powodując zmianę …

8
Wielokrotne wywołania aktualizacji stanu z useState w komponencie powodują wielokrotne ponowne renderowanie
Próbuję po raz pierwszy przechwytywać Reacta i wszystko wydawało się dobre, dopóki nie zdałem sobie sprawy, że kiedy otrzymuję dane i aktualizuję dwie różne zmienne stanu (dane i flaga ładowania), mój komponent (tabela danych) jest renderowany dwukrotnie, mimo że oba wywołania do aktualizacji stanu mają miejsce w tej samej funkcji. …

7
Stan nie aktualizuje się, gdy używa się podpięcia stanu React w ramach setInterval
Wypróbowuję nowe haki do reagowania i mam komponent zegara z licznikiem, który ma zwiększać się co sekundę. Jednak wartość nie przekracza jednego. function Clock() { const [time, setTime] = React.useState(0); React.useEffect(() => { const timer = window.setInterval(() => { setTime(time + 1); }, 1000); return () => { window.clearInterval(timer); }; …

5
Jaka jest różnica między `useRef` a` createRef`?
Przeglądałem dokumentację haków, kiedy się natknąłem useRef. Patrząc na ich przykład… 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> </> ); } …


16
Jak zmusić komponent do ponownego renderowania za pomocą haków w Reakcie?
Rozważając poniżej przykład haków 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> ); } Zasadniczo używamy metody this.forceUpdate (), aby wymusić na komponencie natychmiastowe ponowne renderowanie w …

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.