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

Tôi đã tạo một <If />thành phần chức năng đơn giản bằng React: import React, { ReactElement } from "react"; interface Props { condition: boolean; comment?: any; } export function If(props: React.PropsWithChildren<Props>): ReactElement | null { if (props.condition) { return <>{props.children}</>; } return null; } Nó cho phép tôi viết …

11 javascript  reactjs  typescript 

TL; DR Làm thế nào một thành phần cha mẹ có thể biết khi kết xuất của mọi thành phần con bên dưới nó đã kết thúc và DOM hiển thị cho người dùng với phiên bản cập nhật nhất của nó? Giả sử tôi có một thành phần component …

11 reactjs 

Tôi đang đối mặt với một vấn đề. Tôi có dữ liệu 2 chiều. Dữ liệu có cấu trúc lồng nhau chứa các liên kết. const data = [ // First Div Panel [ { id: 1, url: "/services", title: "Services" }, { id: 2, title: "Products", children: [ { …

11 reactjs 

Tôi đang xây dựng một ứng dụng một trang React và tôi nhận thấy việc khôi phục cuộn dường như không hoạt động như mong đợi trong Chrome (và có thể các trình duyệt khác.) Trên repo Reac-router-dom github, họ có một trang nói rằng các trình duyệt đang bắt …

11 javascript  reactjs  google-chrome  react-router 

Tôi có một ứng dụng React (không sử dụng Tạo ứng dụng React) được xây dựng bằng TypeScript, Jest, Webpack và Babel. Khi thử chạy "sợi jest", tôi gặp lỗi sau: Tôi đã thử loại bỏ tất cả các gói và thêm lại chúng. Nó không giải quyết điều này. …

11 reactjs  jestjs  babeljs  babel-jest  ts-jest 

Tôi muốn hiểu cách xử lý lỗi chung chung hoặc chính xác hơn với React-Redux. Giả sử, tôi có thành phần đăng ký số điện thoại. Thành phần đó sẽ báo lỗi nếu số điện thoại đầu vào không hợp lệ Điều gì sẽ là một cách tốt nhất để …

11 reactjs  redux 

Tôi sẽ thiết kế một điều hướng Ngăn kéo trong dự án của tôi. Tôi đã cài đặt nó bằng lệnh này: npm install @react-navigation/drawer Sau đó nhập vào App.js import { createDrawerNavigator } from '@react-navigation/drawer'; import { NavigationContainer } from '@react-navigation/native'; Đây là package.jsonnội dung của tôi : "@react-native-community/masked-view": …

10 reactjs  react-native  navigation-drawer  react-navigation 

Tôi đang cố gắng để hiểu sâu useEffectmóc. Tôi muốn biết khi nào nên sử dụng phương pháp nào và tại sao? 1.useEffect with no second paraments useEffect(()=>{}) 2.useEffect with second paraments as [] useEffect(()=>{},[]) 3.useEffect with some arguments passed in the second parameter useEffect(()=>{},[arg])

10 javascript  reactjs  react-redux 

Tôi có một trường hợp khi tôi cần biết người dùng có đăng nhập hay không trước khi trang được hiển thị phía máy chủ và gửi lại cho tôi bằng Next.js để tránh thay đổi nhấp nháy trong giao diện người dùng. Tôi đã có thể tìm ra cách …

10 javascript  reactjs  typescript  next.js 

Tôi đang cố gắng bắt chước các ứng dụng trò chuyện trên thiết bị di động khác khi bạn chọn send-messagehộp văn bản và nó mở bàn phím ảo, tin nhắn dưới cùng vẫn còn trong tầm nhìn. Dường như không có cách nào để làm điều này với CSS …

10 javascript  android  html  css  reactjs 

Tôi đang kết xuất các thành phần từ thư viện mẫu bên ngoài (node_modules). Trong Ứng dụng chính của tôi, tôi chuyển Linkví dụ của mình từ react-router-domthành phần thư viện bên ngoài của mình như vậy: import { Link } from 'react-router-dom'; import { Heading } from 'my-external-library'; const …

10 javascript  reactjs  react-router-dom 

Tôi đang cố gắng tìm ra cách lấy tên người dùng là thuộc tính được lưu trữ trong bộ sưu tập người dùng, đã được hợp nhất với các thuộc tính được tạo bởi mô hình xác thực firebase. Tôi có thể truy cập authUser - cung cấp cho tôi …

10 reactjs  firebase  google-cloud-firestore  firebase-authentication 

Tôi đã cố gắng giải quyết vấn đề này nhưng không tìm thấy câu trả lời mạnh mẽ cho vấn đề này. Tôi đang cố gắng thực hiện một đột biến đăng nhập bằng cách sử dụng hook useMuting. TLDR; Tôi muốn biết chính xác sự khác biệt giữa onError …

10 reactjs  graphql  react-apollo  apollo-client 

Google hiển thị 3 cửa sổ bật lên ở trên cho người dùng khi họ cố gắng đăng ký bằng google trên trang web của tôi, nhưng nó không hiển thị cùng một cửa sổ bật lên với tôi khi tôi cố gắng đăng ký. Những gì tôi thấy chỉ …

10 reactjs  google-calendar-api  google-signin  google-apps  google-login 

Tôi đang cố gắng tìm ra cách hiển thị dấu thời gian của Firestore trong ứng dụng phản ứng. Tôi có một tài liệu Firestore với một trường có tên createdAt. Tôi đang cố gắng đưa nó vào danh sách đầu ra (trích xuất các bit có liên quan ở …

10 javascript  reactjs  firebase  google-cloud-firestore  unix-timestamp