摘要： 在简书页面中Home页面有详情页在组件List中如下图： 代码如下： 代码如下：<Route path = '/detail/:id' exact component={Detail}></Route> 在detail页面中获取传来的id入下图所示： 在mapDispatch方法中定义一个获取详情页 阅读全文

摘要： 一个页面有很多结构组成，都放在一个reducer中导致代码很臃肿，例如简书这个写的头部header这个组件可以在header文件下创建store文件夹里面创建一个reducer.js文件例如下图， 这里原本在总的reducer.js文件中，redux提供了combineReducers方法可以将he 阅读全文

摘要： reat-app index.js入口文件引入的css全局的组件都能使用到，也会影响不同组件相同class的样式，因此在项目中不建议在入口文件index.js引入css，一般建议使用第三方模块styled-components,这样在App.js文件中引入injectGlobal 方法替换成了 cr 阅读全文

摘要： 在慕课网学习简书的页面设计，里面就是用react、redux完成的这里文档结构值得学习，现在看一下文档结构如下图所示： 在这里pubulic 文件夹存放假数据可以设置接口获取假数据具体代码如下： 在这里首先下载redux-immutable ，redux-immutable（redux也能提供，这里 阅读全文

摘要： redux-chunk可以使异步请求放到action中请求，以前在组件的componentDidMount生命周期函数请求ajax等异步请求，下载redux-chunk在创建store的js文件中引入，照着官方的文档配置可以使用redux-tools工具如下图 很多时候获取ajax的数据放在comp 阅读全文

摘要： 在react-redux 框架中，给我提供了两个常用的API来配合Redux框架的使用，其实在我们的实际项目开发中，我们完全可以不用react-redux框架，但是如果使用此框架，就如虎添翼了。 我们来简单聊聊这两个常用的API connect() Provider 组件 React-Redux 将 阅读全文

摘要： 生命周期函数，指在某一个时刻组件会自动调用执行的函数 componentWillMount组件即将挂载的也面自动上执行 componentDidMount组件呗挂载到页面之后自动执行 shouldComponentUpdate组件更新前执行,要返回true或者false shouldComponen 阅读全文

摘要： props，state与render函数的关系 react,父组件的state中的变量改变，则相应的render函数也会执行，返回新的视图，同时父组件的子组件通过props获取父组件的state的变量，当父组件的state状态改变的时候同时也会出发子 组件的render函数执行。 react ref 阅读全文

摘要： react脚手架create-react-app安装: npm install -g create-react-app 建立项目： create-react-app my-app cd my-app npm run start react 组件的定义： 阅读全文

摘要： 上个博客记录了webpack 的基本配置今天主要是css-loader的介绍，包括单独提出css，压缩css、js文件 这里使用的插件npm 地址：https://www.npmjs.com/package/mini-css-extract-plugin 首先将css分离一个css文件中安装 npm 阅读全文