React
Reat原理以及在工作中的具体应用
前端魔法师
这个作者很懒,什么都没留下…
展开
-
Redux——结合案例一步步深入学习
文章目录Redux介绍**了解Redux****安装****Redux的设计思想**redux有四个组成部分Redux流程Redux是纯函数TodoList案例Redux介绍Rudex官方文档Rudex英文原版文档了解ReduxRedux 是 JavaScript 状态容器,提供可预测化的状态管理。React 只是 DOM 的一个抽象层,并不是 Web 应用的完整解决方案。有两个方面,...原创 2020-05-02 00:33:26 · 350 阅读 · 0 评论 -
React项目实战(二)
文章目录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项目中...原创 2020-04-27 19:18:52 · 1897 阅读 · 0 评论 -
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基础...原创 2020-04-27 19:17:34 · 20927 阅读 · 10 评论 -
React中使用Antd组件
文章目录Antd的基本使用安装和初始化简单使用Antd的高级配置Antd的自定义主题Antd的基本使用进入Antd官方网站点击开始使用,然后进入在create-react-app中使用进行Antd的使用学习安装和初始化在react项目中进行安装yarn add antd或者npm i antd安装简单使用在App.js文件中引入按钮并使用注意,这里还需要引入css样式import ...原创 2020-04-23 19:00:37 · 4408 阅读 · 1 评论 -
React高阶组件及CRA的定制
文章目录高阶组件高阶函数高阶组件对于CRA的定制高阶组件高阶函数高阶函数:一个函数内部返回一个新的函数,内部采用闭包的写法。var add = x => { return y => { return x+y }}高阶组件高阶组件:(HOC) Higher-Order-Component高阶组件本质上就是一个函数,内部可以接收一个组件,然后返回新的组件。...原创 2020-04-23 17:52:16 · 490 阅读 · 0 评论 -
React-Router——Reac路由的学习
文章目录路由的简单使用路由的安装路由的使用二级路由及动态跳转路由常用API方法render函数link的参数传递withRouter路由的简单使用路由的安装安装路由: yarn add react-router-dom或者npm i react-router-dom路由的使用在最外层节点用<Router><Router/>包裹index.js文件impo...原创 2020-04-22 22:56:58 · 772 阅读 · 0 评论 -
React组件
文章目录函数组件与class组件元素与组件函数组件class组件组件的组合、嵌套组件的数据承载 (props属性 | state状态)props属性state状态受控组件与非受控组件受控组件非受控组件React Event (事件函数的this指向)ref属性函数组件与class组件元素与组件如果代码多了之后,不可能一直在render方法里写,所以就需要把里面的代码提出来,定义一个变量,像这...原创 2020-04-22 13:02:31 · 714 阅读 · 0 评论 -
React基础
文章目录最简易的 React 示例搭建一个react简易环境React示例JSXJSX简介JSX使用注意JSX中数组的遍历操作最简易的 React 示例搭建一个react简易环境react开发需要引入多个依赖文件:react.js、react-dom.js,分别又有开发版本和生产版本react.js中有React对象,帮助我们创建组件等功能react-dom.js中有ReactDOM对象...原创 2020-04-16 21:06:10 · 1456 阅读 · 0 评论