RR4 本次采用单代码仓库模型架构（monorepo），这意味者这个仓库里面有若干相互独立的包，分别是：react-router React Router 核心react...

　在header的reducer.js里把header变成immutable对象之后，在组件里获取focused属性就得这样获取：focused:state.header.get('focused&...

什么是immutable?Immutable Data 就是一旦创建，就不能再被更改的数据。对 Immutable 对象的任何修改或添加删除操作都会返回一个新的 Immu...

使用styled-components实现css模块化安装：npm i styled-components

在使用creat-react-app创建项目之后，我们是不能像vue脚手架创建得项目一样直观得看到webpack.config.js等文件，这时我们需要使用eject将这...

在事件中绑定this并传参：constructor(props) { super(props); this.handleChange = this.handleChange.bind(this); }这里并不能传...

安装react-reduxnpm i react-redux

Redux 是什么Redux 是一个 JavaScript 状态容器，提供可预测化的状态管理redux的三大原则单一数据源整个应用的 state 被储存在一棵 ob...

组件生命周期分为三部分组件创建阶段：组件生命周期函数一辈子只执行一次· componentWillMount：组件将要被挂载，此时还没有开始渲染虚拟...

1.对象this.setState({})2.函数当参数是函数的时候， setState() 会将上一个 setState() 的结果作为参数传入这个函数 this.setState...

引入prop-typeimport PropTypes from 'prop-types';可以检测的类型optionalArray: PropTypes.array, optionalBool: PropTypes.bool...

父组件传递给子组件数据和方法import React, { Component } from "react"; import List from "./list"; class Todo extends Component { ...

如果每次启动都有一大串的no-unused-vars 是不是感觉特别烦，不用担心啦，有个配置可以解决它；在 package.json 中修改eslintConfig "es...

①最简单直接的方法：在package.json中，直接配置："proxy":"http://localhost:9000"缺点：只能设置一个跨域，多个跨域不可取②在config ...

import React, { Component } from 'react'; import Logo from '../../components/logo/logo' import { WingBlank, WhiteS...

安装babel-plugin-import插件npm install babel-plugin-import --save-dev修改 package.json"plugins": [ [ "@babel/plugin...

react的路由对比vue的路由，感觉vue的路由很方便，集中式管理，react的路由也可以像vue一样实现路由集中式管理npm 仓库：https://www.npmj...

有<switch>标签 <BrowserRouter> <div> <div> <ul> ...

首先安装reduxnpm install redux --save然后安装react-reduxnpm install react--save

redux-thunk 是一个比较流行的 redux 异步 action 中间件。redux-thunk 帮助你统一了异步和同步 action 的调用方式，把异步过程放...