«react-hooks» etiketlenmiş sorular

UseEffect kanca her değişikliği işleve geçirilen çalışacaktır yanıt verin. Bu, yalnızca istenen özellikler değiştiğinde çağrılabilmesi için optimize edilebilir. componentDidMountDeğişikliklerde yeniden başlatma işlevini çağırmak ve yeniden çağırmamak istersem ne olur ? Bir varlığı yüklemek istiyorum, ancak yükleme işlevinin bileşenden herhangi bir veriye ihtiyacı olmadığını varsayalım. useEffectKancayı kullanarak bunu nasıl yapabiliriz ? …

210 javascript  reactjs  react-hooks 

React 16.8.6 ile (önceki sürüm 16.8.3'te iyiydi), bir getirme isteğinde sonsuz bir döngüyü önlemeye çalıştığımda bu hatayı alıyorum ./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 Sonsuz döngüyü durduran bir çözüm bulamadım. Kullanmaktan uzak durmak istiyorum useReducer(). Bu …

180 reactjs  eslint  create-react-app  react-hooks 

React'ın resmi belgelerinde bahsediyor - React sınıfı yaşam döngüsü yöntemlerini biliyorsanız, useEffect Hook'u componentDidMount, componentDidUpdate ve componentWillUnmount kombine olarak düşünebilirsiniz. Sorum şu - componentWillMount()lifecyle yöntemini bir kancada nasıl kullanabiliriz ?

176 javascript  reactjs  jsx  react-hooks 

Kanca öğrenmeye çalışıyorum ve useState yöntem beni şaşırttı. Ben bir dizi şeklinde bir duruma bir başlangıç ​​değeri ataıyorum. Set yöntemi, veya useStateile bile benim için çalışmıyor . Ben başka bir bilgisayarda bir API yaptım ve devlet olarak ayarlamak istediğiniz veri alınıyor.spread(...)without spread operator İşte benim kod: import React, { useState, …

168 javascript  reactjs  react-hooks 

Deniyordum useEffectgibi aşağıda örnek şey: 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); } }, []); ve konsolumda bu uyarıyı alıyorum. Ancak temizlik, eşzamansız aramalar için isteğe bağlı olduğunu düşünüyorum. Neden bu uyarıyı aldığımı …

155 javascript  reactjs  react-hooks 

Diyelim ki 3 girişim var: rate, sendAmount ve receAmount. Bu 3 girişi useEffect difing params üzerine koydum. Kurallar: SendAmount değiştiyse, hesaplıyorum receiveAmount = sendAmount * rate ReceAmount değiştiyse, hesaplıyorum sendAmount = receiveAmount / rate Oran değiştiğinde receiveAmount = sendAmount * ratene zaman hesaplıyorum sendAmount > 0ya da sendAmount = receiveAmount …

151 reactjs  react-hooks 

Basit bir problem için tepki kancaları kullanmaya çalışıyorum const [personState,setPersonState] = useState({ DefinedObject }); aşağıdaki bağımlılıklar ile. "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.0" } ancak yine de aşağıdaki hatayı alıyorum: ./src/App.js Satır 7: React Hook "useState", ne bir React işlevi bileşeni ne de özel bir React Hook işlevi …

150 reactjs  react-hooks 

Şu anda React'te kanca kavramını öğreniyorum ve aşağıdaki örneği anlamaya çalışıyorum. 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 me …

134 javascript  reactjs  react-native  react-hooks 

Diyelim ki başka bir duruma bağlı olan bir durumum var (örneğin, A değiştiğinde B'nin değiştirmesini istiyorum). Etkili kancanın içinde A'yı gözlemleyen ve B'yi ayarlayan bir kanca oluşturmak uygun mudur? Efektler, düğmeye tıkladığımda ilk efekt patlayacak ve b'nin değişmesine neden olacak ve bir sonraki işlemeden önce ikinci efektin ateşlenmesine neden olacak …

115 javascript  reactjs  react-hooks 

React kancalarını ilk kez deniyorum ve her şey iyi görünüyordu, ta ki verileri aldığımda ve iki farklı durum değişkenini (veri ve yükleme bayrağı) güncellediğimde, bileşenimin (bir veri tablosu) her iki çağrıya rağmen iki kez işlendiğini fark edene kadar durum güncelleyiciye aynı işlevde oluyor. İşte her iki değişkeni de bileşenime döndüren …

114 javascript  reactjs  react-hooks 

UseState dizisi React hook'unda eleman nasıl itilir? Tepki durumunda eski bir yöntem mi bu? Veya yeni bir şey mi? Örneğin setState push örneği ?

112 javascript  reactjs  react-hooks 

Yeni React Hook'larını deniyorum ve her saniye artması gereken bir sayacı olan bir Clock bileşenim var. Ancak değer birin ötesine geçmez. 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 

Aşağıdaki kancalar örneğini ele alırsak 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> ); } Temel olarak, aşağıdaki örnekte olduğu gibi, bileşeni React sınıfı bileşenlerde hemen yeniden …

108 javascript  reactjs  react-native  react-hooks 

React 16.7-alpha'daki yeni kanca sistemi ile oynuyordum ve kullandığım durum bir nesne veya dizi olduğunda kullanımda sonsuz bir döngüde sıkışıp kalıyorumEffect. İlk önce useState'i kullanıyorum ve şunun gibi boş bir nesneyle başlatıyorum: const [obj, setObj] = useState({}); Daha sonra useEffect'te setObj'yi tekrar boş bir nesneye ayarlamak için kullanıyorum. İkinci bir …

106 reactjs  react-hooks 

Bazı yan etkilerim var ve bunları nasıl organize edeceğimi bilmek istiyorum: tek kullanımlık olarak veya birkaç kullanım Etkisi Performans ve mimari açısından daha iyi olan nedir?

105 reactjs  react-hooks