Pertanyaan yang diberi tag «react-hooks»

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 count?

33 javascript  reactjs  ecmascript-6  react-hooks 

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' TETAPI! Ini mengatur value1 kembali ke '1'. Mengapa …

31 javascript  reactjs  react-hooks 

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') // .doc(this.props.firebase.db.collection('users').doc(this.props.firebase.authUser.uid)) .doc(this.props.firebase.db.collection('users').doc(this.props.authUser.uid)) .get() .then(doc => { this.setState({ name: doc.data().name }); // loading: false, }); } Itu rusak …

27 javascript  reactjs  firebase  google-cloud-firestore  react-hooks 

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 kesalahan ini: Uncaught TypeError: Cannot read property …

18 reactjs  react-router  react-hooks  react-router-dom  react-context 

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 memberi saya hasil yang sama seperti: …

12 javascript  node.js  reactjs  react-hooks 

Saya membuat pengait khusus yang memiliki toogle ketika beberapa negara berubah. Anda harus bisa melewati status apa pun dalam array. import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false) useEffect(() => { setToggle(t => !t) }, [...dependencies]) return toggle …

10 reactjs  react-native  eslint  react-hooks 

ketika di lingkungan pengembangan, aplikasi saya berfungsi dengan baik. Ketika berada di lingkungan produksi, crash dengan kesalahan: Uncaught TypeError: (0 , _react.useEffect) is not a function Ini terjadi pada file yang saya buat di mana saya mengimpor Bereaksi dan menggunakan Efek seperti: import React, { useEffect } from 'react' const …

9 javascript  reactjs  react-hooks  parceljs 

Saya ingin pengguna dapat mengurutkan daftar item todo. Ketika pengguna memilih item dari dropdown itu akan mengatur sortKeyyang akan membuat versi baru setSortedTodos, dan pada gilirannya memicu useEffectdan memanggil setSortedTodos. Contoh di bawah ini berfungsi persis seperti yang saya inginkan, namun eslint mendorong saya untuk menambahkan todoske useEffectarray dependancy, dan …

9 javascript  reactjs  react-hooks  eslint