• 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) 父传…

  • react

    react—state与生命周期

    state state是组件自己私有的数据,函数组件要拥有自己的私有state需要改成class组件(暂时不说hooks)。 修改state—setState 要修改组件state必须使用react对象中Componen…

  • react

    react—组件

    组件允许你将 UI 拆分为独立可复用的代码片段,并对每个片段进行独立构思。——react官网 组件类别 react中组件分为函数组件与class(类)组件 函数组件就是编写js函数,下面这个js函数就是一个“函数组件”。…

  • react

    react—jsx与渲染

    jsx是什么? jsx对js进行了语法扩展,可让我们在js中嵌入任何html标签,可以把html标签存入变量等操作,它是拥有js的全部功能;但是我们以script标签引入react的方式使用jsx是需要Babel进行转化…