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

Trong React (khung của Facebook), tôi cần kết xuất phần tử nhãn được liên kết với kiểu nhập văn bản bằng forthuộc tính tiêu chuẩn . ví dụ: JSX sau được sử dụng: <label for="test">Test</label> <input type="text" id="test" /> Tuy nhiên, điều này tạo ra HTML thiếu thuộc tính bắt …

250 reactjs  label 

EDIT: đây là một bản sao, xem tại đây Tôi không thể tìm thấy bất kỳ ví dụ nào về việc sử dụng tên khóa động khi đặt trạng thái. Đây là những gì tôi muốn làm: inputChangeHandler : function (event) { this.setState( { event.target.id : event.target.value } ); }, …

248 javascript  reactjs  computed-properties 

Có cách tích hợp nào để sử dụng proptype để đảm bảo rằng một mảng các đối tượng được truyền cho một thành phần thực sự là một mảng các đối tượng có hình dạng cụ thể không? Có lẽ một cái gì đó như thế này? annotationRanges: PropTypes.array(PropTypes.shape({ start: …

244 arrays  reactjs  react-proptypes 

Tôi có một thành phần nhận được một chỗ dựa cho kích thước của nó. Prop có thể là một chuỗi hoặc một số ex: "LARGE"hoặc 17. Tôi có thể cho React.PropTypes biết rằng đây có thể là cái này hay cái kia trong xác thực propTypes không? Nếu tôi …

244 reactjs  react-proptypes 

Đã đóng cửa . Câu hỏi này dựa trên ý kiế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ó thể trả lời bằng sự kiện và trích dẫn bằng cách chỉnh sửa bài đăng này . …

243 reactjs  redux  flux  reactjs-flux 

Làm cách nào để tôi tùy ý bao gồm một phần tử trong JSX? Dưới đây là một ví dụ sử dụng biểu ngữ nên có trong thành phần nếu nó đã được truyền vào. Điều tôi muốn tránh là phải sao chép các thẻ HTML trong câu lệnh if. …

229 javascript  reactjs  react-jsx 

Tôi đang học Redux với React và tình cờ thấy mã này. Tôi không chắc nó có phải là Redux cụ thể hay không, nhưng tôi đã thấy đoạn mã sau đây trong một trong các ví dụ. @connect((state) => { return { key: state.a.b }; }) Mặc dù chức …

226 javascript  reactjs  decorator  redux 

Vị quan chức này Phản ứng tài liệu nhà nước rằng " React.PureComponent's shouldComponentUpdate()chỉ shallowly so sánh các đối tượng", và khuyên chống lại điều này nếu nhà nước là 'sâu'. Vì điều này, có lý do nào khiến người ta thích React.PureComponentkhi tạo các thành phần React không? Câu …

224 reactjs  state 

Tôi đang cố gắng hiểu phương thức kết nối của phản ứng-redux và các chức năng mà nó lấy làm tham số. Đặc biệt mapStateToProps(). Theo cách hiểu của tôi, giá trị trả về mapStateToPropssẽ là một đối tượng xuất phát từ trạng thái (vì nó sống trong cửa hàng), …

219 javascript  reactjs  redux  react-redux 

Sau khi bắt đầu làm việc với React.js, có vẻ như propsđược dự định là tĩnh (được truyền từ thành phần chính), trong khi statethay đổi dựa trên các sự kiện. Tuy nhiên, tôi nhận thấy trong các tài liệu tham chiếu đến componentWillReceiveProps, trong đó bao gồm cụ thể …

217 javascript  reactjs  properties 

Làm thế nào chúng ta có thể truyền tham số với this.props.history.push('/page')React-Router v4? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template'); });

216 reactjs  react-router 

Có cách nào để chuyển một thành phần này sang thành phần phản ứng khác không? Tôi muốn tạo ra một thành phần phản ứng mô hình và chuyển vào một thành phần phản ứng khác để vượt qua nội dung đó. Chỉnh sửa: Đây là một codepen ReacJS minh …

215 javascript  reactjs 

Tôi có cấu trúc như sau: FormEditor- giữ nhiều FieldEditor FieldEditor- chỉnh sửa một trường của biểu mẫu và lưu các giá trị khác nhau về trạng thái đó trong trạng thái của nó Khi một nút được nhấp trong FormEditor, tôi muốn có thể thu thập thông tin về …

214 javascript  reactjs 

React có thể hiển thị các thuộc tính tùy chỉnh như được mô tả tại http://facebook.github.io/react/docs/jsx-gotchas.html : Nếu bạn muốn sử dụng một thuộc tính tùy chỉnh, bạn nên thêm tiền tố vào dữ liệu-. <div data-custom-attribute="foo" /> Và đó là tin tuyệt vời ngoại trừ tôi không thể tìm …

214 javascript  facebook  reactjs 

Làm cách nào để tôi có thể làm cho onKeyPresssự kiện hoạt động trong ReactJS? Nó sẽ cảnh báo khi enter (keyCode=13)được nhấn. var Test = React.createClass({ add: function(event){ if(event.keyCode == 13){ alert('Adding....'); } }, render: function(){ return( <div> <input type="text" id="one" onKeyPress={this.add} /> </div> ); } }); React.render(<Test />, …

214 javascript  reactjs  keypress  onkeypress