Pertanyaan yang diberi tag react-hooks

The useEffect Bereaksi kait akan menjalankan disahkan pada fungsi pada setiap perubahan. Ini dapat dioptimalkan agar panggilan hanya ketika properti yang diinginkan berubah. Bagaimana jika saya ingin memanggil fungsi inisialisasi dari componentDidMountdan tidak menyebutnya lagi pada perubahan?...

Katakanlah saya memiliki 3 input: rate, sendAmount, dan acceptAmount. Saya menempatkan 3 masukan itu pada parameter diffing useEffect. Aturannya adalah: Jika sendAmount berubah, saya menghitung receiveAmount = sendAmount * rate Jika acceptAmount berubah, saya menghitung sendAmount =...

Dengan Bereaksi 16.8.6 (itu bagus pada versi sebelumnya 16.8.3), saya mendapatkan kesalahan ini ketika saya mencoba untuk mencegah loop tak terbatas pada permintaan pengambilan ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either...

Dalam dokumen resmi Bereaksi itu menyebutkan - Jika Anda terbiasa dengan metode siklus hidup kelas React, Anda dapat menganggap useEffect Hook sebagai componentDidMount, componentDidUpdate, dan componentWillUnmount yang digabungkan. Pertanyaan saya adalah - bagaimana kita bisa menggunakan...

Saya mencoba mempelajari kait dan useStatemetode ini membuat saya bingung. Saya menetapkan nilai awal ke keadaan dalam bentuk array. Metode yang diset di useStatetidak berfungsi untuk saya bahkan dengan spread(...)atau without spread operator. Saya telah membuat API di PC lain yang saya panggil dan...

Saya mencoba menggunakan kait reaksi untuk masalah sederhana const [personState,setPersonState] = useState({ DefinedObject }); dengan dependensi berikut. "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.0" } tapi saya masih mendapatkan kesalahan berikut:...

Saat ini saya sedang mempelajari konsep hook di React dan mencoba untuk memahami contoh di bawah ini. 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...

Saya mencoba contoh useEffect seperti di bawah ini: 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); } },...

Saya sedang membaca dokumentasi hook ketika saya menemukan useRef. Melihat contoh mereka… function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); }; return (...

Saya memiliki beberapa efek samping untuk diterapkan dan ingin tahu bagaimana mengaturnya: sebagai satu useEffect atau beberapa useEffects Apa yang lebih baik dalam hal kinerja dan arsitektur?

Saya telah bermain-main dengan sistem hook baru di React 16.7-alpha dan terjebak dalam loop tak terbatas dalam useEffect ketika keadaan yang saya tangani adalah objek atau array. Pertama, saya menggunakan useState dan memulainya dengan objek kosong seperti ini: const [obj, setObj] =...

Apa cara yang benar untuk memperbarui status, apakah objek bersarang, di React with Hooks? export Example = () => { const [exampleState, setExampleState] = useState( {masterField: { fieldOne: "a", fieldTwo: { fieldTwoOne: "b" fieldTwoTwo: "c" } } }) Bagaimana cara yang digunakan...

Adakah cara untuk mensimulasikan componentDidMountdalam komponen fungsional React melalui hook?

Saya mengharapkan status untuk memuat ulang pada perubahan alat peraga, tetapi ini tidak berfungsi dan uservariabel tidak diperbarui pada useStatepanggilan berikutnya , apa yang salah? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ?...

Menurut dokumen: componentDidUpdate()dipanggil segera setelah pembaruan terjadi. Metode ini tidak dipanggil untuk render awal. Kita bisa menggunakan useEffect()hook baru untuk mensimulasikan componentDidUpdate(), tetapi sepertinya useEffect()dijalankan setelah setiap render, bahkan untuk...

Cara standar untuk menggunakan Hook React useState adalah sebagai berikut: const [count, setCount] = useState(0); Namun const countvariabel ini jelas akan dipindahkan ke nilai primitif yang berbeda. Lalu mengapa variabel tidak didefinisikan sebagai let

Inilah masalahnya: Saya mencoba memanggil 2 fungsi dengan mengklik tombol. Kedua fungsi memperbarui status (Saya menggunakan hook useState). Fungsi pertama memperbarui value1 dengan benar ke 'baru 1', tetapi setelah fungsi 1s (setTimeout) kedua diaktifkan, dan ia mengubah nilai 2 menjadi 'baru 2'...

Saya mencoba mencari cara menggunakan pendengar Firebase agar data cloud firestore di-refresh dengan pembaruan kait reaksi. Awalnya, saya membuat ini menggunakan komponen kelas dengan fungsi componentDidMount untuk mendapatkan data firestore. this.props.firebase.db .collection('users') //...

Saya menggunakan hook useHistory baru dari React Router, yang keluar beberapa minggu yang lalu. Versi React-router saya adalah 5.1.2. React saya ada di versi 16.10.1. Anda dapat menemukan kode saya di bagian bawah. Namun ketika saya mengimpor useHistory baru dari react-router, saya mendapatkan...

React Hooks memberi kita opsi useState, dan saya selalu melihat perbandingan Hooks vs Class-State. Tetapi bagaimana dengan Hooks dan beberapa variabel reguler? Sebagai contoh, function Foo() { let a = 0; a = 1; return <div>{a}</div>; } Saya tidak menggunakan Hooks, dan itu akan...