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

PropTypes và Flow bao gồm những thứ tương tự nhưng đang sử dụng các cách tiếp cận khác nhau. PropTypes có thể cung cấp cho bạn cảnh báo trong thời gian chạy, điều này có thể hữu ích để nhanh chóng tìm thấy các phản hồi không đúng định dạng …

100 reactjs  flowtype  react-proptypes 

Tôi nhận ra đây là một câu hỏi cơ bản nhưng tôi đã không may mắn tìm được câu trả lời ở nơi khác. Là store.dispatchtrong đồng bộ hoặc không đồng bộ Redux? Trong trường hợp nó không đồng bộ, liệu có khả năng thêm một lệnh gọi lại sau …

100 javascript  reactjs  redux  single-page-application 

Một dòng hoạt động tốt render: function () { return ( {[1,2,3].map(function (n) { return <p>{n}</p> }} ); } không cho nhiều dòng render: function () { return ( {[1,2,3].map(function (n) { return ( <h3>Item {n}</h3> <p>Description {n}</p> ) }} ); } Cảm ơn.

100 reactjs 

Có mã này trong tâm trí: var Component = React.createClass({ getInitialState: function () { return {position: 0}; }, componentDidMount: function () { setTimeout(this.setState({position: 1}), 3000); }, render: function () { return ( <div className="component"> {this.state.position} </div> ); } }); ReactDOM.render( <Component />, document.getElementById('main') ); Không phải trạng thái sẽ thay …

100 javascript  reactjs 

Tôi có một tệp test_stuff.js mà tôi đang chạy với npm test Nó khá giống như thế này: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() { describe('#indexOf()', function() { it('should …

100 javascript  reactjs  npm  react-jsx 

Các thành phần được kiểm soát và các thành phần không được kiểm soát trong ReactJS là gì? Chúng khác nhau như thế nào?

100 reactjs  react-component 

Tôi có một thành phần mà tôi đã tạo: class Create extends Component { constructor(props) { super(props); } render() { var playlistDOM = this.renderPlaylists(this.props.playlists); return ( <div> {playlistDOM} </div> ) } activatePlaylist(playlistId) { debugger; } renderPlaylists(playlists) { return playlists.map(playlist => { return <div key={playlist.playlist_id} onClick={this.activatePlaylist(playlist.playlist_id)}>{playlist.playlist_name}</div> }); } } function mapStateToProps(state) …

100 javascript  reactjs  redux 

Tôi đã tạo một dự án React trống, sử dụng lệnh: npx create-react-apptrên npm v7.0.7 và Node v15.0.1 Cài đặt: React v17.0.1, node-sass v5.0.0, Sau đó, tôi đã cố gắng nhập tệp .scss trống vào Thành phần ứng dụng: App.js import './App.scss' function App() { return ( <div className="App"> App …

100 reactjs  webpack  create-react-app  node-sass  sass-loader 

Tôi đang cố gắng nhập các thành phần từ react-materialize dưới dạng: import {Navbar, NavItem} from 'react-materialize'; Nhưng khi gói web đang nén của tôi, .tsxnó sẽ xuất hiện một lỗi ở trên là: ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a declaration file for module 'react-materi alize'. …

100 reactjs  webpack  webpack-2 

Tôi có cài đặt ngôn ngữ trong ngữ cảnh như bên dưới class LanguageProvider extends Component { static childContextTypes = { langConfig: PropTypes.object, }; getChildContext() { return { langConfig: 'en' }; } render() { return this.props.children; } } export default LanguageProvider; Mã ứng dụng của tôi sẽ giống như bên …

100 javascript  reactjs  react-context 

tôi mới bắt đầu với Reactjs và đang viết một thành phần đơn giản để hiển thị lithẻ và gặp lỗi này: Mã thông báo không mong đợi '<' Tôi đã đặt ví dụ tại jsbin bên dưới http://jsbin.com/UWOquRA/1/edit?html,js,console,output Xin vui lòng cho tôi biết những gì tôi đang làm …

99 reactjs 

Tôi có một buổi họp mặt với một loạt các đội bóng rổ. Vì vậy, tôi muốn hiển thị một cái gì đó khác nhau cho mỗi đội khi một trong số họ được di chuột qua. Ngoài ra, tôi đang sử dụng Reactjs vì vậy nếu tôi có thể …

99 hover  reactjs 

Bất cứ khi nào tôi cố gắng sử dụng biểu tượng Font Awesome trong React's render() , nó sẽ không được hiển thị trên trang web kết quả mặc dù nó hoạt động trong HTML bình thường. render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>; } Đây …

99 reactjs  font-awesome 

Cố gắng để bộ định tuyến phản ứng (v4.0.0) và trình tải phản ứng nóng (3.0.0-beta.6) phát tốt, nhưng lỗi sau đây trong bảng điều khiển trình duyệt: Cảnh báo: React.createElement: loại không hợp lệ - dự kiến ​​là một chuỗi (cho các thành phần tích hợp sẵn) hoặc một …

99 reactjs  react-router  react-hot-loader 

Vì vậy, đây là quy trình làm việc hiện tại của tôi để nhập hình ảnh và biểu tượng trong webpack qua ES6: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> Điều này trở nên lộn xộn nhanh chóng. …

99 reactjs  webpack  ecmascript-6