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

Không những gì npm run ejectlệnh làm gì? Tôi hiểu những lệnh khác làm như start, build, test. Nhưng không có ý tưởng về việc đẩy ra.

106 reactjs  webpack  create-react-app  react-scripts 

Tôi có một công cụ giảm bớt cho Khách hàng, một công cụ khác cho AppToolbar và một số công cụ khác ... Bây giờ, hãy nói rằng tôi đã tạo một hành động tìm nạp để xóa ứng dụng khách và nếu nó không thành công, tôi có mã …

105 javascript  reactjs  redux 

Tôi đang hiển thị một danh sách các bài viết. Đối với mỗi bài đăng, tôi muốn hiển thị một thẻ liên kết với id bài đăng như một phần của chuỗi href. render: function(){ return ( <ul> { this.props.posts.map(function(post){ return <li key={post.id}><a href='/posts/'{post.id}>{post.title}</a></li> }) } </ul> ); Làm cách …

105 javascript  reactjs 

Đây là tình huống của tôi: trên this.handleFormSubmit () Tôi đang thực thi this.setState () bên trong this.handleFormSubmit (), tôi đang gọi this.findRoutes (); - điều này phụ thuộc vào việc hoàn thành thành công this.setState () this.setState (); không hoàn thành trước this.findRoutes được gọi là ... Làm cách …

105 javascript  reactjs  state 

Tôi đang sử dụng Axios trong khi lập trình trong ReactJS và tôi giả vờ gửi yêu cầu XÓA tới máy chủ của mình. Để làm như vậy, tôi cần các tiêu đề: headers: { 'Authorization': ... } và cơ thể được cấu tạo bởi var payload = { "username": …

105 javascript  reactjs  http  axios  http-delete 

Tôi có một số tác dụng phụ cần áp dụng và muốn biết cách tổ chức chúng: như một lần sử dụng hoặc một số cách sử dụng Có gì tốt hơn về mặt hiệu suất và kiến ​​trúc?

105 reactjs  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ó cách nào để ngăn không /#/cho hiển thị trên thanh địa chỉ của trình duyệt khi sử dụng bộ định tuyến phản ứng không? Đó là với ReactJS. tức là Nhấp vào liên kết để đi đến một tuyến đường mới cho thấy localhost:3000/#/hoặc localhost:3000/#/about. Tùy thuộc vào tuyến …

103 reactjs  react-router 

Tôi đang chạy lint với ứng dụng React của mình và tôi nhận được lỗi này: error JSX props should not use arrow functions react/jsx-no-bind Và đây là nơi tôi đang chạy hàm mũi tên (bên trong onClick): {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox defaultChecked={tile.checked} onCheck={() => this.selectPicture(tile)} style={{position: 'absolute', …

103 javascript  reactjs  ecmascript-6  jsx  arrow-functions 

Giả sử tôi có một thành phần chế độ xem có kết xuất có điều kiện: render(){ if (this.state.employed) { return ( <div> <MyInput ref="job-title" name="job-title" /> </div> ); } else { return ( <div> <MyInput ref="unemployment-reason" name="unemployment-reason" /> <MyInput ref="unemployment-duration" name="unemployment-duration" /> </div> ); } } MyInput trông giống …

103 javascript  reactjs 

Sự khác biệt giữa trình tải và plugin trong webpack là gì? Các tài liệu hướng dẫn cho các plugins chỉ nói: Sử dụng các plugin để thêm chức năng thường liên quan đến các gói trong webpack. Tôi biết rằng babel sử dụng trình tải cho các chuyển đổi …

103 javascript  reactjs  webpack 

Nếu không sử dụng lớp, làm cách nào để sử dụng PropTypes trong thành phần không trạng thái chức năng của phản ứng? export const Header = (props) => ( <div>hi</div> )

103 javascript  reactjs  react-props  react-proptypes 

Tôi muốn hỏi tại sao trạng thái của tôi không thay đổi khi tôi thực hiện một sự kiện onclick. Tôi đã tìm kiếm một lúc trước rằng tôi cần liên kết hàm onclick trong hàm tạo nhưng trạng thái vẫn không cập nhật. Đây là mã của tôi: import …

103 javascript  reactjs  ecmascript-6 

Có thể phát hiện phiên bản hiện tại của React là phát triển hay sản xuất trong thời gian chạy không? Tôi muốn làm điều gì đó như sau: if (React.isDevelopment) { // Development thing } else { // Real thing }

103 javascript  reactjs 

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