k464746的博客

文章目录Redux介绍**了解Redux****安装****Redux的设计思想**redux有四个组成部分Redux流程Redux是纯函数TodoList案例 Redux介绍 Rudex官方文档 Rudex英文原版文档 了解Redux Redux 是 JavaScript 状态容器，提供可预测化的状态管理。 React 只是 DOM 的一个抽象层，并不是 Web 应用的完整解决方案。有两个方面，...

文章目录React项目实战(一)React项目实战(二)利用Antd实现Frame组件(基础页面)2-1 使用Antd的Layout进行布局2-2 可以设计个Logo2-3 实现左侧的菜单展示2-4 实现左侧的小图标2-5 实现点击菜单切换 React项目实战(一) React项目实战(二) 利用Antd实现Frame组件(基础页面) 2-1 使用Antd的Layout进行布局 在react项目中...

文章目录项目实战前的准备工作项目实战一.搭建项目的基本页面及外层路由1-1配置基本页面1-2配置路由1-3需要最外层去渲染路由视图1-4需要配置内层App路由1-5 路由的懒加载二.利用Antd实现组件2-1 使用Antd的Layout进行布局2-2 可以设计个Logo2-3 实现左侧的菜单展示2-4 实现左侧的小图标2-5 实现点击菜单切换总结需要下载的组件 项目实战前的准备工作 React基础...

文章目录Antd的基本使用安装和初始化简单使用Antd的高级配置Antd的自定义主题 Antd的基本使用 进入Antd官方网站点击开始使用,然后进入在create-react-app中使用进行Antd的使用学习 安装和初始化 在react项目中进行安装yarn add antd或者npm i antd安装 简单使用 在App.js文件中引入按钮并使用 注意,这里还需要引入css样式import ...

文章目录高阶组件高阶函数高阶组件对于CRA的定制 高阶组件 高阶函数 高阶函数：一个函数内部返回一个新的函数，内部采用闭包的写法。 var add = x => { return y => { return x+y } } 高阶组件 高阶组件：（HOC） Higher-Order-Component 高阶组件本质上就是一个函数，内部可以接收一个组件，然后返回新的组件。...

文章目录路由的简单使用路由的安装路由的使用二级路由及动态跳转路由常用API方法render函数link的参数传递withRouter 路由的简单使用 路由的安装 安装路由： yarn add react-router-dom或者npm i react-router-dom 路由的使用 在最外层节点用<Router><Router/>包裹 index.js文件 impo...

文章目录函数组件与class组件元素与组件函数组件class组件组件的组合、嵌套组件的数据承载 (props属性 | state状态)props属性state状态受控组件与非受控组件受控组件非受控组件React Event (事件函数的this指向)ref属性 函数组件与class组件 元素与组件 如果代码多了之后，不可能一直在render方法里写，所以就需要把里面的代码提出来，定义一个变量，像这...

文章目录最简易的 React 示例搭建一个react简易环境React示例JSXJSX简介JSX使用注意JSX中数组的遍历操作 最简易的 React 示例 搭建一个react简易环境 react开发需要引入多个依赖文件：react.js、react-dom.js，分别又有开发版本和生产版本 react.js中有React对象，帮助我们创建组件等功能 react-dom.js中有ReactDOM对象...