
React
米心
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
React 简易学习(八、路由)
1.打开github,找到react-router-dom信息2.引入react-router-dom包 在渲染文件中,代码格式如下 import React from 'react'; import Header from './Header'; //路由包 import {HashRouter, Route, Switch} fr...原创 2020-03-20 10:26:18 · 174 阅读 · 0 评论 -
React 简易学习(七、字体图标)
1.引入资源 在项目的最大布局文件中引入字体包 import { IconFontStyled } from './static/iconfont/iconfont.js'2.调用 然后使用方法如下 <div> <i className={iconfont}>//此处写字体图标代码</i&...原创 2020-03-20 10:26:25 · 218 阅读 · 0 评论 -
React 简易学习(六、数据存储)
1.打开github redux:存储项目数据 react-redux:协助调用redux中的数据 redux-thunk:协助action导出非对象 immutable:数据就是一旦创建,就不能更改的数据,保证store里面的数据不被修改 redux-immutable:讲子界面中的reducer数据统一到总reducer时需要转换使用此包1...原创 2020-03-19 09:32:40 · 1478 阅读 · 0 评论 -
React 简易学习(五、数据请求)
1.打开github,找到axios信息2.引入axios包 在渲染文件中,首先引入包 import axios from 'axios'; 然后使用方法如下 axios.get('/api/headerList.json').then((res) => { //处理数据 }).catch(() ...原创 2020-03-19 09:27:22 · 129 阅读 · 0 评论 -
React 简易学习(四、动画)
1.打开github,找到react-transition-group信息2.安装 打开命令提示符,输入: npm install react-transition-group --save3.在渲染文件中的操作 在渲染文件中,首先引入包 import { CSSTransition } from 'react-transition-...原创 2020-03-19 09:25:41 · 158 阅读 · 0 评论 -
Reach 简易学习(三、组件和样式)
1.打开github,找到styled-components信息2.安装 打开命令提示符,输入: npm install styled-components3.全局样式创建与使用 首先,创建一个style.js,引入包: import { createGlobalStyle } from 'styled-components';...原创 2020-03-19 09:23:38 · 403 阅读 · 0 评论 -
React 简易学习(二、工作目录介绍)
node_modules: 依赖包public: 网页标签页的图片,如果你需要做测试用的模拟接口数据,也可以将你的json文件放在这个目录下src: 项目工作目录.gitignore: 用来配置不需要加入版本管理的文件package.json: 项目配置文件package-lock.json: 在 `npm insta...原创 2020-03-19 09:20:50 · 121 阅读 · 0 评论 -
React 简易学习(一、安装配置环境)
1.安装 Node.js2.使用npm安装react 在命令提示符下输入: npm install -g cnpm --registry=https://registry.npm.taobao.org npm config set registry https://registry.npm.taobao.org cnpm install...原创 2020-03-19 09:19:43 · 227 阅读 · 0 评论