想好了再写！

安装redux-thunkimport install redux-thunk在store.js中引入// 引入createStore，撞门用于创建redux中最为核心的store对象import {createStore,applyMiddleware} from 'redux'//处理异步的actionimport thunk from 'redux-thunk'// 引入为count组件服务的reducerimport countReducer from './count_re

1.在src目录下创建redux文件夹reduxstore.jscount_reducers.js安装 redux npm install reduxstore.js// 引入createStore，专门用于创建redux中最为核心的store对象import {createStore} from 'redux'// 引入为count组件服务的reducerimport countReducer from './count_reducers'// 暴露出去 creat.

1.params参数<Link to={`/list/msg/msgdetail/${item.id}/${item.title}`}>{item.title}</Link>注册路由声明接收获取 this.props.match.params2.search参数<Link to={`/list/msg/msgdetail/?id=${item.id}&title=${item.title}`}>{item.title}</Link>

demo如下：一、创建一个MyNavLink 的组件import React, { Component } from 'react'import { NavLink } from 'react-router-dom'import "./myNavLink.css"export default class MyNavLink extends Component { render() { console.log(this.props) //let {to,ch

一、安装 npm install react-router-dom@5.2.1二、在组件中使用import React, { Component } from 'react'import { BrowserRouter, Link, Route } from 'react-router-dom'import Header from './component/Header/Header'import List from './component/List/List'export defau

PubSubJS可以实现任意组件通信，再也不用担心多层组件嵌套传参的问题啦1.安装：npm install pubsub-js2.引入:import PubSub from 'pubsub-js'3.使用在需要的组件中调用App.jsxHeader.jsxList.jsx重要代码说明：//发布消息PubSub.publish('发布的名称','发布的值')//订阅消息PubSub.subscribe('订阅的名称', (_, data) => {console.log

demo如下图：标题实现需求如下：1.全选，取消全选；2.反选，每一项都选中的时候，全选勾上，反之；3.搜索框里面输入内容追加到原数组；4.每一项移入显示当前样式；5.点击删除按钮删除当前项；6.展示总条数以及前当前选中的条数； 注意：此处父传子，子传父没有通过发布和订阅来进行，后续再通过发布订阅来优化1.创建目录（此处用了四个组件），在App.js中引入的逻辑代码如下：App.jsimport React, { Component } from 'react'import