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 ingin memuat entitas, tetapi fungsi pemuatan tidak memerlukan data dari komponen. …

205 javascript  reactjs  react-hooks 

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 include it or remove the dependency array react-hooks/exhaustive-deps Saya tidak dapat menemukan solusi yang …

178 reactjs  eslint  create-react-app  react-hooks 

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 = receiveAmount / rate Jika tarif berubah, saya menghitung receiveAmount = sendAmount * ratekapan …

178 reactjs  react-hooks 

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 componentWillMount()metode siklus hidup dalam sebuah kail?

176 javascript  reactjs  jsx  react-hooks 

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 mengambil data yang ingin saya setel …

167 javascript  reactjs  react-hooks 

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: ./src/App.js Baris 7: React Hook "useState" disebut dalam fungsi "app" yang bukan komponen fungsi Bereaksi atau fungsi React …

148 reactjs  react-hooks 

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 clicked {count} times</p> <button onClick={() …

134 javascript  reactjs  react-native  react-hooks 

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); } }, []); Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan dan saya mendapatkan peringatan ini di konsol saya. Tapi pembersihan …

120 javascript  reactjs  react-hooks 

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 ( <> <input ref={inputEl} type="text" /> <button onClick={onButtonClick}>Focus the input</button> </> ); } …

120 javascript  reactjs  react-hooks 

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?

116 reactjs  react-hooks 

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] = useState({}); Kemudian, dalam useEffect, saya menggunakan setObj untuk …

115 reactjs  react-hooks 

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 setExampleStateuntuk memperbarui exampleStateke a(menambahkan bidang)? const a = …

103 javascript  reactjs  react-hooks 

Adakah cara untuk mensimulasikan componentDidMountdalam komponen fungsional React melalui hook?

99 javascript  reactjs  react-hooks 

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 ? (<img src={user.avatar}/>) : (<p>Loading...</p>); } codepen

95 reactjs  react-hooks 

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 pertama kalinya. Bagaimana cara membuatnya tidak berjalan pada render awal? Seperti yang Anda lihat pada contoh di bawah ini, componentDidUpdateFunctiondicetak …

95 javascript  reactjs  react-hooks