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

Tôi có một thành phần React và bên trong renderphương thức của thành phần này, tôi có một cái gì đó như sau: render() { return ( <div> <div> // removed for brevity </div> { switch(...) {} } <div> // removed for brevity </div> </div> ); } Bây giờ vấn …

109 reactjs 

Tôi đã suy nghĩ và bối rối với việc định tuyến giữa Máy khách và Máy chủ. Giả sử tôi sử dụng ReactJS để hiển thị phía máy chủ trước khi gửi yêu cầu trở lại trình duyệt web và sử dụng bộ định tuyến phản ứng làm định tuyến …

108 javascript  reactjs  routes  react-router  url-routing 

Có cách nào để biết phiên bản thời gian chạy của React trong trình duyệt không?

108 javascript  reactjs 

Ứng dụng web phản ứng của tôi đưa ra lỗi này trong Bảng điều khiển trình duyệt Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. Cũng thế: …

108 javascript  reactjs  webpack 

Sử dụng phương pháp gợi ý: Đây là kết quả: Một liên kết trong nút , Mã ở giữa các dòng nhận xét Tôi đã tự hỏi liệu có cách nào để bao bọc một Linkphần tử 'react-router'trong buttonthẻ HTML bằng cách sử dụng phản ứng không. Tôi hiện có …

108 html  reactjs  button  hyperlink  router 

Xem xét ví dụ về hooks dưới đây import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ); } Về cơ bản, chúng tôi sử dụng phương thức …

108 javascript  reactjs  react-native  react-hooks 

Đã đóng cửa . Câu hỏi này cần được tập trung hơn . Nó hiện không chấp nhận câu trả lời. Bạn muốn cải thiện câu hỏi này? Cập nhật câu hỏi để câu hỏi chỉ tập trung vào một vấn đề bằng cách chỉnh sửa bài đăng này . …

107 javascript  reactjs  redux 

Tôi muốn sử dụng React để thêm các thành phần nhiều lần trong suốt DOM. Fiddle này hiển thị những gì tôi đang tìm cách làm và nó không có bất kỳ lỗi nào. Đây là mã: HTML: <div id="container"> <!-- This element's contents will be replaced with the first …

107 reactjs 

Tôi có một thành phần React đơn giản mà tôi kết nối (ánh xạ một mảng / trạng thái đơn giản qua). Để tránh tham chiếu đến bối cảnh cho cửa hàng, tôi muốn có một cách để lấy "công văn" trực tiếp từ các đạo cụ. Tôi đã thấy …

107 javascript  reactjs  redux 

Khi tôi viết webpack.config.js như thế này module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; Và trong index.jsxtôi nhập một reactmô-đunApp import React from 'react'; import { render } …

107 reactjs  webpack  webpack-dev-server 

Đôi khi tôi đã thấy mọi người bọc các thành phần của họ vào withRouterkhi họ xuất chúng: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); Cái này dùng để làm gì, và khi nào tôi nên dùng nó?

107 reactjs  react-router 

Tôi muốn đặt tiêu đề tài liệu (trong thanh tiêu đề của trình duyệt) cho ứng dụng React của mình. Tôi đã cố gắng sử dụng phản ứng-tài liệu-tiêu đề (có vẻ lỗi thời) và thiết lập document.titletrong constructorvà componentDidMount()- không ai trong số các giải pháp này làm việc.

107 javascript  reactjs  dom 

Tôi đã chơi với hệ thống hook mới trong React 16.7-alpha và bị mắc kẹt trong một vòng lặp vô hạn trong useEffect khi trạng thái tôi đang xử lý là một đối tượng hoặc mảng. Đầu tiên, tôi sử dụng useState và khởi tạo nó bằng một đối tượng …

107 reactjs  react-hooks 

Tôi gặp sự cố khi kết xuất lại trạng thái gây ra sự cố ui và được đề xuất chỉ cập nhật giá trị cụ thể bên trong trình giảm thiểu của tôi để giảm lượng hiển thị lại trên một trang. đây là ví dụ về trạng thái của …

106 javascript  reactjs  redux 

Tôi đã khởi tạo i18nđối tượng dịch một lần trong một thành phần (thành phần đầu tiên tải trong ứng dụng). Đối tượng tương tự được yêu cầu Trong tất cả các thành phần khác. Tôi không muốn khởi tạo lại nó trong mọi thành phần. Con đường xung quanh …

106 reactjs  javascript-globalize