Pozwólcie, że wyjaśnię wynik tego kodu, aby łatwo zadać mój problem. const ForExample = () => { const [name, setName] = useState(''); const [username, setUsername] = useState(''); useEffect(() => { console.log('effect'); console.log({ name, username }); return () => {...
Migruję projekt React z TypeScript, aby korzystać z funkcji hooków (React v16.7.0-alpha), ale nie mogę dowiedzieć się, jak ustawić typizację zniszczonych elementów. Oto przykład: interface IUser { name: string; } ... const [user, setUser] = useState({name: 'Jon'}); Chcę, aby userzmienna...
Standardowy sposób korzystania z React useState Hook jest następujący: const [count, setCount] = useState(0); Jednak ta const countzmienna zostanie wyraźnie przypisana do innej pierwotnej wartości. Dlaczego zatem zmienna nie jest zdefiniowana jako let
Oto problem: próbuję wywołać 2 funkcje jednym kliknięciem przycisku. Obie funkcje aktualizują stan (używam haka useState). Pierwsza funkcja poprawnie aktualizuje wartość 1 do „nowej 1”, ale po 1 s (setTimeout) uruchamia się druga funkcja i zmienia wartość 2 na „nową 2” ALE! Ustawia wartość 1 z...
Próbuję wymyślić, jak korzystać z nasłuchiwania Firebase, aby dane firestore w chmurze były odświeżane za pomocą aktualizacji hooków reagowania. Początkowo zrobiłem to przy użyciu komponentu klasy z funkcją componentDidMount, aby uzyskać dane firestore. this.props.firebase.db...
Korzystam z nowego haka useHistory React Router, który pojawił się kilka tygodni temu. Moja wersja React-routera to 5.1.2. Mój React jest w wersji 16.10.1. Mój kod możesz znaleźć na dole. Jednak kiedy importuję nowe useHistory z React-Routera, pojawia się ten błąd: Uncaught TypeError: Cannot read...
Haczyki React dają nam opcję useState i zawsze widzę porównania Hooks vs Klasa-Stan. Ale co z hakami i niektórymi regularnymi zmiennymi? Na przykład, function Foo() { let a = 0; a = 1; return <div>{a}</div>; } Nie użyłem Haków, a to da mi takie same wyniki jak: function Foo() {...
Robię niestandardowy hak, który ma toogle, gdy zmieni się jakiś stan. Powinieneś być w stanie przekazać dowolny stan w tablicy. import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false) useEffect(() => {...
w środowisku programistycznym moja aplikacja działa dobrze. W środowisku produkcyjnym ulega awarii z błędem: Uncaught TypeError: (0 , _react.useEffect) is not a function Zdarza się to w utworzonym przeze mnie pliku, w którym importuję React i useEffect w następujący sposób: import React, {...
Chciałbym, aby użytkownik mógł posortować listę rzeczy do zrobienia. Gdy użytkownicy wybiorą element z listy rozwijanej, ustawi, sortKeyktóra utworzy nową wersję setSortedTodos, a następnie uruchomi useEffecti zadzwonisetSortedTodos . Poniższy przykład działa dokładnie tak, jak chcę, jednak eslint...