react-hooks
Obsługa wejścia za pomocą hooków Reactowych
Odkryłem, że istnieje kilka sposobów na obsługę wprowadzania tekstu przez Użytkownika za pomocą hooków. Jaki jest lepszy lub ... e, value } = event.target;
setInputValues({ ...inputValues, [name]: value });
});
Zdarzenie:
onChange={handleOnChange}
React useReducer asynchroniczne pobieranie danych
Próbuję pobrać niektóre dane za pomocą nowego API react useReducer i utknąłem na scenie, gdzie muszę pobrać je asynchroniczni ... (action.type) {
case 'unload':
return initialState
case 'reload': {
return await { data: 2 }
}
}
}
Jak używać funkcji zwrotnej ' setState` na hookach Reacta
React hooks wprowadza useState do ustawiania stanu komponentu. Ale jak Mogę używać hooków, aby zastąpić wywołanie zwrotne jak ... przednią wartość stanu, która wymaga kodu bitowego. Szukam prostego rozwiązania, które można zastosować z useState haczykiem.
React hooks useEffect tylko przy aktualizacji?
Jeśli chcemy ograniczyć useEffect do działania tylko podczas montowania komponentu, możemy dodać drugi parametr useEffect z [ ... ;
Ale jak sprawić, by useEffect działał tylko wtedy, gdy komponent jest aktualizowany, z wyjątkiem początkowego montowania?
Wykonywanie kodu asynchronicznego przy aktualizacji stanu za pomocą reactowych hooków
Mam coś takiego:
const [loading, setLoading] = useState(false);
...
setLoading(true);
doSomething(); // <--- when here ... ywołuje sekwencyjnie. Czy to oznacza, że musimy skonfigurować wiele różnych hooków useEffect do replikacji takie zachowanie?
Jak zmusić komponent do ponownego renderowania hooków w Reaccie?
Rozważając poniższy przykład hooków
import { useState } from 'react';
function Example() {
const [count, setC ... }
}
Ale moje pytanie brzmi: jak wymusić na powyższym komponencie funkcjonalnym ponowne renderowanie za pomocą hooków?
Resetuj do stanu początkowego za pomocą hooków Reacta
Obecnie pracuję nad formularzem rejestracyjnym i poniżej znajduje się fragment mojego kodu:
const Signup = () => {
c ... m się, czy istnieje metoda lub funkcja to przychodzi z Reactem, który resetuje stan z powrotem do jego początkowych wartości?
React Hook: wysyłanie danych z komponentu podrzędnego do komponentu nadrzędnego
Szukam najprostszego rozwiązania, aby przekazać dane z komponentu dziecka do jego rodzica.
Słyszałem o używaniu właściwości ... unt}
</button>
)
};
Jestem pewien, że to dość prosta rzecz do zrobienia, nie chcę do tego używać redux.
Jak zarejestrować zdarzenie za pomocą hooków useEffect?
Śledzę kurs Udemy dotyczący rejestrowania zdarzeń za pomocą hooków, instruktor podał poniższy kod:
const [userText, setUs ... n.
Czy to naprawdę właściwy sposób, że powinniśmy rejestracja i wyrejestrowanie zdarzenia przy każdym ponownym renderowaniu?
Hooki Reacta i ekwiwalent cyklu życia komponentów
Jakie są odpowiedniki componentDidMount, componentDidUpdate, i componentWillUnmount Hooki cyklu życia używając hooków Reactowych, takich jak useEffect?
Jak zsynchronizować właściwości ze stanem za pomocą hooków Reacta: setState()
Próbuję ustawić stan za pomocą reactowego Hooka setState () używając właściwości, które otrzymuje komponent. Próbowałem użyć ... u. Ale kiedy otrzyma nowe rekwizyty, stan nie zostanie zaktualizowany. Jak zaktualizować stan w tym przypadku? Z góry dzięki.
Co robi useCallback / useMemo w Reaccie?
Jak wspomniano w docs , useCallback
Zwraca memoized callback.
Przeprowadź wywołanie zwrotne inline i tablicę wejść. useCall ... ć?
P. S. Myślę, że wizualizacja za pomocą codepen example pomoże wszystkim lepiej to zrozumieć. wyjaśnione w dokumentach .
Nieskończona pętla w useEffect
Bawiłem się nowym systemem hooków w Reaccie 16.7-alpha i utknąłem w nieskończonej pętli w useEffect, gdy stan, który obsługuj ... ch nowych hooków, jak powinienem obsługiwać obiekty i tablice podczas sprawdzania pogody, czy zawartość się zmieniła czy nie?
React hooks useState Array
Próbowałem szukać resetowania useState wartości tablicy tutaj, ale nie mogłem znaleźć żadnych odniesień do wartości tablicy.
... ); };
const rootElement = document.getElementById("root");
ReactDOM.render(<StateSelector />, rootElement);
Czy możliwe jest współdzielenie Stanów pomiędzy komponentami za pomocą Hooka useState() w Reaccie?
Eksperymentowałem z nową funkcją Hooka w Reaccie. Biorąc pod uwagę, że mam następujące dwa komponenty (używając hooków Reacto ... renderuje zmiany w HookComponent.
Czy możliwe jest współdzielenie Stanów pomiędzy komponentami za pomocą Hooka useState()?
Odpowiednik componentDidUpdate przy użyciu hooków Reactowych
Tldr; Jak zasymulować componentDidUpdate lub w inny sposób użyć właściwości key z tablicą, aby wymusić reset mojego komponen ... akcja updateListOfObjects powoduje ponowne uruchomienie tablicy w następujący sposób: newListOfObjects = [...listOfObjects].
Jak zmienić wartość kontekstu Podczas używania Hooka Reactowego useContext
Używanie Hooka useContext z Reactem 16.8 + działa dobrze. Możesz utworzyć komponent, użyć Hooka i używać wartości kontekstowy ...
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.2/umd/react-dom.production.min.js"></script>
useMemo vs. useEffect + useState
Czy są jakieś korzyści z używania useMemo (np. dla intensywnego wywołania funkcji) zamiast używania kombinacji useEffect i us ... );
};
Obie obliczają za każdym razem, gdy zmienia się ich parametr someNumber, gdzie jest memoization of useMemo kicking in?
Jak używać funkcji callback z Hookiem useState w reaccie [duplicate]
to pytanie ma już odpowiedzi tutaj :
... rn Name;
}
return (<div>
<input onChange={handleChange} value={Name}></input>
</div>);
}
React-Hooki. Nie można wykonać aktualizacji stanu Reacta na odmontowanym komponencie
Dostaję ten błąd:
Nie można wykonać aktualizacji stanu Reacta na odmontowanym komponencie. To jest
no-op, ale wskazuje ... oo
}
return <button onClick={updateNotSeenAmount}>Push me</button> //update can be triggered manually
}