Karma の Blog
首页
归档
分类
标签
友链
关于
15 React-router路由
1.React router安装及环境搭建cnpm install -g create-react-app create-react-app demo10 cd demo10 yarn start ## 安装React router cnpm install --save react-router-dom 2.编写一个简单的路由程序在src下创建一个AppRouter.js文件,然后写入以下代码
2020-11-04
2020-11
前端
React
Git常用命令
Git全局设置 git config –global user.name “karma” git config –global user.email “wang732276349@163.com“ 1.常用git 命令git init // 初始化 在工作路径上创建主分支 git clone 地址 // 克隆远程仓库 git clone -b 分支名 地址 // 克隆分支的代码到本地 gi
2020-11-02
2020-11
Git
14 React-redux组件使用
1.React-redux介绍及安装React-Redux这是一个React生态中常用组件,它可以简化Redux流程(需要注意的是概念:React、Redux、React-redux是三个不同的东西) 1.1 项目初始化create-react-app demo09-React-redux cd demo09-React-redux npm start 安装完成后,删除一些没有必要的样式和代码,
2020-10-29
2020-11
前端
React
13 Redux中间件-thunk和saga
1.Redux-thunk中间件1.1 安装及配置Redux-thunk并不在Redux基础组件中,需要进行安装。 npm install --save redux-thunk 在/store/index.js中引入redux-thunck。 1.引入applyMiddleware,如果你要使用中间件,就必须在redux中引入applyMiddleware. import { crea
2020-10-29
2020-11
前端
React
12 Redux案例-基于Ant Design React
1.Ant Design介绍和环境初始化Ant Design是一套面向企业级开发的UI框架,视觉和动效作的很好。阿里开源的一套UI框架,它不只支持React,还有ng和Vue的版本,我认为不论你的前端框架用什么,Ant Design都是一个不错的选择。习惯性把AntDesign简称为antd。 官网地址:https://ant.design/index-cn 2.项目初始化#安装脚手架工具 c
2020-10-25
2020-10
前端
React
11 Redux认识
1.Redux介绍Redux是一个用来管理管理数据状态和UI状态的JavaScript应用工具(数据流框架)。随着JavaScript单页应用(SPA)开发日趋复杂,JavaScript需要管理比任何时候都要多的state(状态),Redux就是降低管理难度的。(Redux支持React,Angular、jQuery甚至纯JavaScript) 从以上图可以看出,Redux可以将数据先放到数据仓
2020-10-13
2020-10
前端
React
10 React高级-生命周期
1.React生命周期图通过这张图可以看到React声明周期的四大阶段: Initialization:初始化阶段。 Mounting: 挂在阶段。 Updation: 更新阶段。 Unmounting: 销毁阶段 2.什么是生命周期函数 生命周期函数指在某一个时刻组件会自动调用执行的函数 constructor不算生命周期函数。 constructor叫构造函数,它是ES6的基本语
2020-10-09
2020-10
前端
React
09 React高级-PropTypes校验传递值及ref的使用
1.PropTypes简单使用在Xiaojiejie.js组件里传递了4个值,有字符串,有数字,有方法,这些都是可以使用PropTypes限制的。在使用需要先引入PropTypes。 import PropTypes from 'prop-types' 引入后,就可以在组件的下方进行引用了,需要注意的是子组件的最下面(不是类里边)。 //校验传递值 SmailSmailGirlItem.prop
2020-10-09
2020-10
前端
React
08 React进阶-单项数据流和其他
1.单项数据流React的特性中有一个概念叫做“单项数据流”,以以上练习的Demo讲解。比如我们在父组件中可以直接把this.state.list传递过来。 <ul> { this.state.list.map((item,index)=>{ return ( <SmailS
2020-10-09
2020-10
前端
React
07 React进阶-组件拆分及父子间传值
1.新建服务菜单组件在src目录下,新建一个组件SmailSmailGirlItem.js。 import React, { Component } from 'react'; class SmailSmailGirlItem extends Component { render() { return (
2020-10-09
2020-10
前端
React
1
2
3
4
5
搜索
×
关键词