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

Tôi đang làm việc với Javascript (ES6) / FaceBook phản ứng và cố gắng để có được 3 yếu tố đầu tiên của một mảng có kích thước khác nhau. Tôi muốn làm tương đương với Linq mất (n). Trong tập tin Jsx của tôi, tôi có những điều sau …

384 javascript  reactjs 

Tôi đã thấy một nhà phát triển React tại ( Pete Hunt: React: Xem xét lại các thực tiễn tốt nhất - JSConf EU 2013 ) và diễn giả đã đề cập rằng việc kiểm tra mô hình bẩn có thể bị chậm. Nhưng không tính được sự khác biệt …

372 javascript  dom  reactjs  virtual-dom 

Tôi có một ứng dụng mà tôi cần đặt chiều cao của một phần tử (giả sử "nội dung ứng dụng") một cách linh hoạt. Nó lấy chiều cao của "chrome" của ứng dụng và trừ nó và sau đó đặt chiều cao của "nội dung ứng dụng" để phù …

367 javascript  reactjs 

Tôi có một thành phần phản ứng đơn giản với hình thức mà tôi tin là có một đầu vào được kiểm soát: import React from 'react'; export default class MyForm extends React.Component { constructor(props) { super(props); this.state = {} } render() { return ( <form className="add-support-staff-form"> <input name="name" type="text" …

360 javascript  node.js  reactjs  react-state 

Trong phiên bản hiện tại của React Router (v3), tôi có thể chấp nhận phản hồi của máy chủ và sử dụng browserHistory.pushđể đi đến trang phản hồi thích hợp. Tuy nhiên, điều này không có sẵn trong v4 và tôi không chắc cách thích hợp để xử lý việc …

360 reactjs  react-router  react-router-v4 

Tôi đã đọc tài liệu cho thư viện Redux và nó có ví dụ này: Ngoài việc đọc trạng thái, các thành phần container có thể gửi các hành động. Theo cách tương tự, bạn có thể định nghĩa một hàm được gọi là mapDispatchToProps()nhận dispatch()phương thức và trả về …

358 reactjs  redux  react-redux 

Cấu trúc của tôi trông như sau: Component 1 - |- Component 2 - - |- Component 4 - - - |- Component 5 Component 3 Thành phần 3 sẽ hiển thị một số dữ liệu tùy thuộc vào trạng thái của Thành phần 5. Vì các đạo cụ là …

349 javascript  reactjs  web-deployment 

Tôi chưa quen với ReactJS và JSX và tôi gặp một chút vấn đề với mã bên dưới. Tôi đang cố gắng thêm nhiều lớp vào classNamethuộc tính trên mỗi li: <li key={index} className={activeClass, data.class, "main-class"}></li> Thành phần React của tôi là: var AccountMainMenu = React.createClass({ getInitialState: function() { return …

346 javascript  css  reactjs  ecmascript-6 

Trong chức năng kết xuất của thành phần tôi có: render() { const items = ['EN', 'IT', 'FR', 'GR', 'RU'].map((item) => { return (<li onClick={this.onItemClick.bind(this, item)} key={item}>{item}</li>); }); return ( <div> ... <ul> {items} </ul> ... </div> ); } mọi thứ đều ổn, tuy nhiên khi nhấp vào <li>phần tử …

336 javascript  reactjs 

Tôi vừa thay thế react-routertừ v3 sang v4. Nhưng tôi không chắc chắn làm thế nào để điều hướng theo chương trình trong chức năng thành viên của a Component. tức là trong handleClick()chức năng tôi muốn điều hướng đến /path/some/wheresau khi xử lý một số dữ liệu. Tôi đã …

335 reactjs  ecmascript-6  react-router-v4 

Tôi muốn hiển thị có điều kiện và ẩn nhóm nút này tùy thuộc vào nội dung được truyền từ thành phần chính trông như thế này: <TopicNav showBulkActions={this.__hasMultipleSelected} /> .... __hasMultipleSelected: function() { return false; //return true or false depending on data } .... var TopicNav = React.createClass({ render: …

333 javascript  css  twitter-bootstrap-3  reactjs  class-attributes 

Cảnh báo: Một thành phần đang thay đổi đầu vào không kiểm soát của văn bản loại sẽ được kiểm soát. Các yếu tố đầu vào không nên chuyển từ không kiểm soát sang kiểm soát (hoặc ngược lại). Quyết định giữa việc sử dụng phần tử đầu vào được …

331 javascript  reactjs 

Tôi đang đọc phần Biểu mẫu củaphản ứngtài liệu và chỉ cần thử mã này để chứng minh onChangeviệc sử dụng ( JSBIN ). var React= require('react'); var ControlledForm= React.createClass({ getInitialState: function() { return { value: "initial value" }; }, handleChange: function(event) { console.log(this.state.value); this.setState({value: event.target.value}); console.log(this.state.value); }, render: function() …

326 javascript  reactjs  react-jsx 

Tôi mới bắt đầu với ReactJS và có chút bế tắc về một vấn đề mà tôi gặp phải. Ứng dụng của tôi về cơ bản là một danh sách với các bộ lọc và nút để thay đổi bố cục. Hiện nay tôi đang sử dụng ba thành phần: …

321 javascript  reactjs 

Tôi nhận được lỗi sau Uncaught TypeError: Không thể đọc thuộc tính 'setState' không xác định thậm chí sau khi ràng buộc delta trong hàm tạo. class Counter extends React.Component { constructor(props) { super(props); this.state = { count : 1 }; this.delta.bind(this); } delta() { this.setState({ count : this.state.count++ }); …

316 javascript  reactjs