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

Tôi đang phá vỡ ví dụ todo của Redux để cố gắng hiểu nó. Tôi đọc rằng mapDispatchToPropscho phép bạn lập bản đồ các hành động điều phối làm đạo cụ, vì vậy tôi đã nghĩ đến việc viết lại addTodo.jsđể sử dụng mapDispatchToProps thay vì gọi công văn (addTodo …

92 javascript  reactjs  redux  react-redux 

Trong thành phần phản ứng của tôi, tôi đang cố gắng triển khai một spinner đơn giản trong khi yêu cầu ajax đang được thực hiện - tôi đang sử dụng trạng thái để lưu trữ trạng thái tải. Vì lý do nào đó, đoạn mã này bên dưới trong …

92 javascript  ajax  reactjs  state 

Tôi muốn sử dụng sự kiện keyDown trên div trong React. Tôi làm: componentWillMount() { document.addEventListener("keydown", this.onKeyPressed.bind(this)); } componentWillUnmount() { document.removeEventListener("keydown", this.onKeyPressed.bind(this)); } onKeyPressed(e) { console.log(e.keyCode); } render() { let player = this.props.boards.dungeons[this.props.boards.currentBoard].player; return ( <div className="player" style={{ position: "absolute" }} onKeyDown={this.onKeyPressed} // not working > <div className="light-circle"> <div className="image-wrapper"> …

92 reactjs  events  keypress  keydown 

Ví dụ: codepen var InputBox = React.createClass({ render: function() { return ( <input className="mainInput" value='Some something'></input> ) } });

92 javascript  select  input  reactjs 

Nguyên tắc đầu tiên của tài liệu Redux là: Trạng thái của toàn bộ ứng dụng của bạn được lưu trữ trong một cây đối tượng trong một cửa hàng duy nhất. Và tôi thực sự nghĩ rằng tôi hiểu rõ tất cả các hiệu trưởng. Nhưng bây giờ tôi …

92 reactjs  redux  flux 

Tôi có một phần tử TSX (JSX) hộp kiểm: <input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} /> Với sự trợ giúp của mã VS, tôi biết rằng loại tham số đầu vào của this.handleCheckboxClicklà MouseEvent<HTMLInputElement>. Vì vậy, tôi đã triển khai nó với: private handleCheckboxClick(event: MouseEvent<HTMLInputElement>) { ... } Sau đó, tôi gặp …

92 reactjs  typescript  events  types  jsx 

Tôi đang sử dụng ReactJS và một phần ứng dụng của tôi yêu cầu JSON được in khá đẹp. Tôi nhận được một số JSON như: { "foo": 1, "bar": 2 }và nếu tôi chạy nó JSON.stringify(obj, null, 4)trong bảng điều khiển của trình duyệt, nó sẽ in khá đẹp, …

92 javascript  json  reactjs  flux 

Sử dụng phương thức css-in-js để thêm các lớp vào một thành phần phản ứng, làm cách nào để thêm nhiều thành phần? Đây là biến lớp: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); Đây là cách tôi …

92 css  reactjs  material-design  material-ui  jss 

Tôi muốn hỏi làm thế nào phản ứng gốc xử lý hoặc làm cho phông chữ đáp ứng. Ví dụ trong iphone 4s, tôi có fontSize: 14, trong khi ở iphone 6 tôi có fontSize: 18.

92 ios  reactjs  react-native 

Tôi không thể tin rằng tôi đang hỏi một câu hỏi rõ ràng, nhưng tôi vẫn gặp lỗi trong nhật ký bảng điều khiển. Console nói rằng nó không thể tìm thấy mô-đun trong thư mục, nhưng tôi đã kiểm tra lỗi chính tả ít nhất 10 lần. Dù sao, …

92 javascript  reactjs 

Tôi đã xem tài liệu của Facebook tại ( React.Component ) và nó đề cập đến cách componentWillMountđược gọi trên máy khách / máy chủ trong khi componentDidMountchỉ được gọi trên máy khách. Làm gì componentWillMountvới máy chủ?

91 reactjs 

Tôi đang sử dụng Sublime Text làm trình soạn thảo văn bản. Có một jsFormat để định dạng tệp javascript nhưng tôi không thể tìm thấy một cái cho JSX. Các bạn xử lý như thế nào với định dạng JSX?

91 reactjs  sublimetext  react-jsx 

Tài liệu Redux cho bindActionCreators tuyên bố rằng: Trường hợp sử dụng duy nhất bindActionCreatorslà khi bạn muốn chuyển một số người tạo hành động xuống thành phần không biết về Redux và bạn không muốn chuyển công văn hoặc cửa hàng Redux cho nó. Ví dụ bindActionCreatorsnào sẽ được …

91 reactjs  redux  react-redux 

Tôi chỉ có thể thấy ứng dụng thực tế bên dưới /public. Các cấu hình webpack.config.jsbên dưới: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: …

91 node.js  reactjs  webpack  reactjs-flux  webpack-dev-server 

Tôi đang làm việc trên một dự án với Typescript, React và Redux (tất cả đều chạy trong Electron) và tôi đã gặp sự cố khi đưa một thành phần dựa trên lớp vào một thành phần khác và cố gắng chuyển các tham số giữa chúng. Nói một cách …

91 reactjs  typescript  redux  electron  jsx