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

Tôi đã viết một số mã để hiển thị các phần tử lặp lại trong ReactJS, nhưng tôi ghét nó xấu xí đến mức nào. render: function(){ var titles = this.props.titles.map(function(title) { return <th>{title}</th>; }); var rows = this.props.rows.map(function(row) { var cells = []; for (var i in row) { …

81 javascript  reactjs 

Tôi muốn biết liệu có cách nào tốt hơn để chuyển một mệnh đề có điều kiện hơn là sử dụng câu lệnh if. Ví dụ, ngay bây giờ tôi có: var parent = React.createClass({ propTypes: { editable: React.PropTypes.bool.isRequired, editableOpts: React.PropTypes.shape({...}) }, render: function() { if(this.props.editable) { return ( <Child …

81 javascript  reactjs  inline 

Tôi hơi mới làm quen với React và đang cố gắng đặt className dưới dạng string + prop. Nhưng tôi không chắc phải làm như thế nào và đó có phải là cách thực hành tốt nhất hay không. Vì vậy, những gì tôi đang cố gắng làm, và rõ …

81 reactjs 

Tôi sắp phản ứng từ việc sử dụng angle và tôi đang cố gắng tìm ra một giải pháp thay thế phản ứng tốt cho chỉ thị ng-if của angle trong đó tôi kết xuất hoặc không kết xuất một phần tử dựa trên một điều kiện. Lấy mã này …

81 reactjs 

Tôi có mã dưới đây trong kết xuất phụ huynh của tôi <div> { this.state.OSMData.map(function(item, index) { return <Chart key={index} feature={item} ref="charts" /> }) } </div> Và mã bên dưới trong Biểu đồ con của tôi <div className="all-charts"> <ChartistGraph data={chartData} type="Line" options={options} /> </div> Tôi nghĩ rằng componentDidMount của cha …

81 javascript  reactjs 

Tôi đang cố gắng xây dựng một dự án với webpack và phản ứng với cấu hình webpack này: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'babel-polyfill', './app/less/main.less', './app/main.js', 'webpack-dev-server/client?http://localhost:8080' ], output: { publicPath: '/', filename: 'dist/main.js' }, debug: true, devtool: 'source-map', module: { …

80 reactjs  webpack  babeljs 

Tôi đang cố thiết lập bộ định tuyến phản ứng trong một ứng dụng mẫu và gặp lỗi sau: You should not use <Link> outside a <Router> Ứng dụng của tôi được thiết lập như vậy: Thành phần chính const router = ( <div className="sans-serif"> <Router histpry={browserHistory}> <Route path="/" component={Main}> …

80 reactjs  react-router  jsx 

Tôi đang tìm cách tạo một thành phần không trạng thái input phần tử của thành phần mẹ có thể được xác thực bởi thành phần mẹ. Trong ví dụ của tôi bên dưới, tôi đang gặp sự cố trong đó đầu vào refkhông bao giờ được gán cho quyền …

79 reactjs  typescript  jsx 

Tôi đang cố gắng tìm ra cách thêm hình ảnh động thông qua React và Webpack. Tôi có một thư mục hình ảnh trong src / images và một thành phần trong src / components / index . Tôi đang sử dụng trình tải url với cấu hình sau cho …

77 reactjs  webpack  image-loading  urlloader 

Cố gắng làm điều gì đó mà tôi nghĩ sẽ rất đơn giản. Tôi muốn nhập một thư viện JavaScript hiện có và sau đó gọi nó là các hàm. Vì vậy, ví dụ, tôi muốn nhập blah.js và sau đó gọi blah (). import React from 'react'; import {blah} …

77 reactjs  ecmascript-6  webpack 

Chúng tôi có một danh sách các bài giảng và chương để người dùng có thể chọn và bỏ chọn chúng. Hai danh sách được lưu trữ trong một cửa hàng redux. Bây giờ chúng tôi muốn giữ một bản đại diện của các sên bài giảng và sên chương …

76 javascript  reactjs  react-router  redux  react-router-redux 

Tôi hiện đang cố gắng khái niệm hóa cách xử lý việc gửi một hành động trong một thành phần dựa trên sự thay đổi dữ liệu sau một lần gửi trong một thành phần khác. Hãy xem trường hợp này: dispatch(someAjax) -> tài sản ở trạng thái cập nhật. …

76 reactjs  redux  redux-thunk 

Có thể lưu trữ một đối tượng ở trạng thái của một thành phần React không? Nếu có, thì chúng ta có thể thay đổi giá trị của một khóa trong đối tượng đó bằng cách setStatenào? Tôi nghĩ về mặt cú pháp không được phép viết những thứ như: …

76 javascript  reactjs 

Tôi có một cửa hàng với một danh sách các mặt hàng. Khi ứng dụng của tôi tải lần đầu tiên, tôi cần giải mã hóa các mục, cũng như tạo một số đối tượng trong bộ nhớ dựa trên các mục đó. Các mục được lưu trữ trong cửa …

75 javascript  reactjs  redux  redux-saga 

Cách khắc phục Could not find plugin "proposal-numeric-separator", tôi gặp lỗi này khi thử xây dựng ứng dụng React của mình, tôi chưa gỡ bỏ ứng dụng này: ./src/index.js Error: [BABEL] /home/pc/Downloads/project/src/index.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/home/pc/Downloads/project/node_modules/babel-preset-react-app/index.js$0") at …

61 reactjs  build  yarnpkg