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

Làm cách nào để kích hoạt sự kiện nhấp chuột trong ReactJS theo cách thủ công ? Khi người dùng nhấp vào phần tử1, tôi muốn tự động kích hoạt một lần nhấp vào inputthẻ. <div className="div-margins logoContainer"> <div id="element1" className="content" onClick={this.uploadLogoIcon}> <div className="logoBlank" /> </div> <input accept="image/*" type="file" className="hide"/> …

97 html  reactjs 

Gần đây, tôi đã nghiên cứu rất nhiều về chức năng và cách sử dụng thư viện JavaScript của Facebook React.js. Khi nói về sự khác biệt của nó với phần còn lại của thế giới JavaScript, hai phong cách lập trình declarativevà imperativeđược đề cập đến. Sự khác biệt …

97 reactjs 

Tôi mới sử dụng Thư viện React.js và tôi đã xem qua một số hướng dẫn và tôi đã xem qua: this.setState this.replaceState Mô tả đưa ra không rõ ràng lắm (IMO). setState is done to 'set' the state of a value, even if its already set in the 'getInitialState' …

96 javascript  frontend  reactjs 

Tôi có một thư viện thành phần mà tôi đang viết các bài kiểm tra đơn vị để sử dụng Jest và thư viện thử nghiệm phản ứng. Dựa trên một số đạo cụ hoặc sự kiện nhất định, tôi muốn xác minh rằng một số yếu tố nhất định …

96 reactjs  jestjs  react-testing-library 

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 

Tôi đã xây dựng một trang web với React.js và webpack . Tôi muốn sử dụng phông chữ của Google trong trang web, vì vậy tôi đã đặt liên kết trong phần. Phông chữ Google <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> Và đặt CSS body{ font-family: 'Bungee Inline', cursive; } Tuy nhiên, nó …

95 reactjs  webpack  google-font-api 

trước khi đăng câu hỏi này, tôi đã cố gắng tìm kiếm trong sqa stackexchange nhưng tôi không tìm thấy bài đăng nào về nông và hiển thị ở đó, vì vậy tôi hy vọng ai đó có thể giúp tôi ở đây. Khi nào tôi nên sử dụng nông …

95 testing  meteor  reactjs  chai  enzyme 

Tôi còn rất mới với webpack, tôi nhận thấy rằng trong phiên bản sản xuất, chúng tôi có thể giảm kích thước của mã tổng thể. Hiện tại, webpack xây dựng khoảng 8MB tệp và main.js khoảng 5MB. Làm thế nào để giảm kích thước của mã trong sản xuất …

95 node.js  reactjs  npm  webpack  webpack-dev-server 

Tôi đang cố gắng thực hiện MỘT ĐƠN GIẢN bằng cách sử dụng bộ định tuyến phản ứng ( phiên bản ^ 1.0.3 ) để chuyển hướng sang chế độ xem khác và tôi chỉ cảm thấy mệt mỏi. import React from 'react'; import {Router, Route, Link, RouteHandler} from 'react-router'; …

95 javascript  reactjs 

Tôi muốn gọi một phương thức được hiển thị bởi một thành phần React từ phiên bản của Phần tử React. Ví dụ, trong jsfiddle này . Tôi muốn gọi alertMessagephương thức từ HelloElementtham chiếu. Có cách nào để đạt được điều này mà không cần phải viết thêm các …

95 reactjs 

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 là người mới trong ReactJS và tôi muốn nhập hình ảnh trong một thành phần. Những hình ảnh này nằm bên trong thư mục chung và tôi không biết cách truy cập thư mục từ thành phần phản ứng. Có ý kiến ​​gì không? BIÊN TẬP Tôi muốn nhập …

95 javascript  reactjs 

Tôi đang làm một số React ngay bây giờ và tôi đã tự hỏi liệu có cách "chính xác" để tạo kiểu có điều kiện hay không. Trong hướng dẫn họ sử dụng style={{ textDecoration: completed ? 'line-through' : 'none' }} Tôi không thích sử dụng kiểu nội tuyến nên …

95 javascript  reactjs 

Tôi đang cố gắng tạo một biểu mẫu đơn giản với phản ứng, nhưng gặp khó khăn khi dữ liệu liên kết đúng với Giá trị mặc định của biểu mẫu. Hành vi tôi đang tìm kiếm là: Khi tôi mở trang của mình, trường nhập Văn bản sẽ được …

94 javascript  forms  reactjs  coffeescript  2-way-object-databinding 

Bên cạnh khả năng đặt "activeClassName" và "activeStyle" trên NavLink, có bất kỳ lý do gì để sử dụng NavLink qua Liên kết khi tạo liên kết đến các tuyến đường khác trên các phần tử không điều hướng (nghĩa là không phải điều hướng chính trong đầu trang hoặc …

94 reactjs  react-router  react-router-v4