Câu hỏi được gắn thẻ «react-hooks»

Tôi đã xem qua tài liệu hooks khi tôi tình cờ gặp useRef. Nhìn vào ví dụ của họ… 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" /> …

104 javascript  reactjs  react-hooks 

Cách chính xác để cập nhật trạng thái, một đối tượng lồng nhau, trong React with Hooks là gì? export Example = () => { const [exampleState, setExampleState] = useState( {masterField: { fieldOne: "a", fieldTwo: { fieldTwoOne: "b" fieldTwoTwo: "c" } } }) Làm thế nào người ta sẽ sử …

103 javascript  reactjs  react-hooks 

Có những cách nào để mô phỏng componentDidMountcác thành phần chức năng trong React thông qua hook?

99 javascript  reactjs  react-hooks 

Tôi đang mong đợi trạng thái tải lại khi thay đổi đạo cụ, nhưng điều này không hoạt động và userbiến không được cập nhật trong lần useStategọi tiếp theo , có chuyện gì vậy? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ? (<img src={user.avatar}/>) : (<p>Loading...</p>); …

96 reactjs  react-hooks 

Theo tài liệu: componentDidUpdate()được gọi ngay sau khi cập nhật xảy ra. Phương thức này không được gọi cho kết xuất ban đầu. Chúng ta có thể sử dụng useEffect()hook mới để mô phỏng componentDidUpdate(), nhưng có vẻ như useEffect()nó đang được chạy sau mỗi lần kết xuất, ngay cả …

95 javascript  reactjs  react-hooks 

Tôi đang di chuyển một dự án React với TypeScript để sử dụng các tính năng hooks (React v16.7.0-alpha), nhưng tôi không thể tìm ra cách đặt kiểu chữ cho các phần tử bị hủy. Đây là một ví dụ: interface IUser { name: string; } ... const [user, setUser] …

88 reactjs  typescript  react-hooks 

Hãy để tôi giải thích kết quả của mã này để hỏi vấn đề của tôi một cách dễ dàng. const ForExample = () => { const [name, setName] = useState(''); const [username, setUsername] = useState(''); useEffect(() => { console.log('effect'); console.log({ name, username }); return () => { console.log('cleaned up'); …

83 reactjs  react-hooks 

Cách tiêu chuẩn để sử dụng React useState Hook là như sau: const [count, setCount] = useState(0); Tuy nhiên, const countbiến này rõ ràng sẽ được gán lại cho một giá trị nguyên thủy khác. Tại sao sau đó biến không được định nghĩa là let count?

33 javascript  reactjs  ecmascript-6  react-hooks 

Đây là vấn đề: Tôi đang cố gắng gọi 2 chức năng trên một nút bấm. Cả hai chức năng đều cập nhật trạng thái (Tôi đang sử dụng hook useState). Hàm đầu tiên cập nhật giá trị1 chính xác thành 'new 1', nhưng sau 1 giây (setTimeout), hàm thứ …

31 javascript  reactjs  react-hooks 

Tôi đang cố gắng tìm ra cách sử dụng trình nghe Firebase để dữ liệu của đám mây được làm mới với các cập nhật móc phản ứng. Ban đầu, tôi đã thực hiện điều này bằng cách sử dụng một thành phần lớp với hàm thành phầnDidMount để lấy …

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

Tôi đang sử dụng hook useHistory mới của React Router, đã xuất hiện vài tuần trước. Phiên bản React-router của tôi là 5.1.2. Phản ứng của tôi là ở phiên bản 16.10.1. Bạn có thể tìm thấy mã của tôi ở phía dưới. Tuy nhiên, khi tôi nhập useHistory mới …

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

React Hook cung cấp cho chúng ta tùy chọn useState và tôi luôn thấy các so sánh giữa Hook và Class-State. Nhưng những gì về Hook và một số biến thông thường? Ví dụ, function Foo() { let a = 0; a = 1; return <div>{a}</div>; } Tôi đã không …

12 javascript  node.js  reactjs  react-hooks 

Tôi đang tạo một hook tùy chỉnh có mã thông báo khi một số trạng thái thay đổi. Bạn sẽ có thể vượt qua bất kỳ trạng thái trong một mảng. import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = …

10 reactjs  react-native  eslint  react-hooks 

Khi trong môi trường phát triển, ứng dụng của tôi hoạt động tốt. Khi trong môi trường sản xuất, nó gặp sự cố với lỗi: Uncaught TypeError: (0 , _react.useEffect) is not a function Nó xảy ra trong một tệp tôi đã tạo khi tôi nhập React và useEffect như …

9 javascript  reactjs  react-hooks  parceljs 

Tôi muốn người dùng có thể sắp xếp danh sách các mục việc cần làm. Khi người dùng chọn một mục từ danh sách thả xuống, nó sẽ đặt mục sortKeyđó sẽ tạo một phiên bản mới setSortedTodosvà lần lượt kích hoạt useEffectvà gọi setSortedTodos. Ví dụ dưới đây hoạt …

9 javascript  reactjs  react-hooks  eslint