• react

    react配置—eject弹出与craco

    在vue脚手架中我们需要配置webpack,可在根目录创建vue.config.js文件进行配置,但是在react脚手架中并不支持react.config.js进行配置。 yarn eject 弹出配置文件(慎操!!!不…

  • react

    redux Devtools工具使用

    redux中的状态都是公共的,我们可通过reduxDevtools工具查看改变状态的每一步操作,及状态的变化情况。 reduxDevtools工具需要安装到浏览器扩展(google商店安装自备梯子),安装成功后conso…

  • react

    redux中间件—redux-thunk

    redux使用dispatch派发action会触发reducer,但是有时候我们需要dispatch一个action之后,到达reducer之前,进行一些额外的操作(一般请求异步数据),就需要用到中间件(middlew…

  • react

    react-redux

    react-redux可以不用我们手动的联系react与redux,它提供的:Provider组件:需要告知它我们创建的store connect方法:它接收两个参数,这俩参数分别是函数,函数参数返回一个对象,而conn…

  • react

    redux

    redux是一个管理公共数据状态的库,项目中我们各个组件中需要大量的共用一些状态时,可以使用redux来管理公共状态;它与react没有任何关系,是一个独立的库,理论上在vue中也可以使用它的。redux主要有三大核心:…

  • react

    react—脚手架

    vue中有vue-cli,同样react中也有react的cli:create-react-app 安装 创建项目 创建成功,我这里是用yarn来管理的 启动项目 打包项目 测试 暴露webpack等配置文件 此操作是不…

  • react

    react—组件通讯

    组件通讯就是组件与组件之间的数据传递大致可分为:父组件传子组件、子组件传父组件、非父子组件传递(兄弟组件传递等)而react中父子组件的通讯核心是props,非父子组件通讯核心是context(暂时不谈redux) 父传…