Pytania oznaczone «react-hooks»

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ę...

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...

W oficjalnych dokumentach React wspomina: Jeśli znasz metody cyklu życia klasy React, możesz pomyśleć o hooku useEffect jako połączeniu componentDidMount, componentDidUpdate i componentWillUnmount. Moje pytanie brzmi - jak możemy wykorzystać componentWillMount()metodę cyklu życia w...

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ć...

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...

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...

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...

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}...

Jak umieścić element wewnątrz useState array React hook? Czy to stara metoda w stanie reagowania? Czy coś nowego? Np. Przykład setState push ?

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...

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...

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(() => {...

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 ( <>...

Mam kilka efektów ubocznych do zastosowania i chcę wiedzieć, jak je zorganizować: jako jednorazowy efekt lub kilka useEffects Co jest lepsze pod względem wydajności i architektury?

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>...

Jaki jest poprawny sposób aktualizowania stanu, czy obiekt zagnieżdżony w React with Hooks? export Example = () => { const [exampleState, setExampleState] = useState( {masterField: { fieldOne: "a", fieldTwo: { fieldTwoOne: "b" fieldTwoTwo: "c" } } }) Jak można użyć...

Bawiłem się nowym systemem przechwytywania w React 16.7-alpha i utknąłem w nieskończonej pętli w useEffect, gdy obsługiwany stan jest obiektem lub tablicą. Najpierw używam useState i inicjuję go z pustym obiektem, takim jak ten: const [obj, setObj] = useState({}); Następnie w useEffect...

Oczekuję, że stan załaduje się ponownie po zmianie właściwości, ale to nie działa i userzmienna nie jest aktualizowana przy następnym useStatewywołaniu, co jest nie tak? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ? (<img...

Czy istnieją sposoby na symulowanie componentDidMountkomponentów funkcjonalnych w React za pomocą hooków?

Według dokumentów: componentDidUpdate()jest wywoływana natychmiast po wystąpieniu aktualizacji. Ta metoda nie jest wywoływana przy pierwszym renderowaniu. Możemy użyć nowego useEffect()hooka do symulacji componentDidUpdate(), ale wygląda na to, że useEffect()jest uruchamiany po każdym...