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 · 129 阅读 · 0 评论 -
React 简易学习(七、字体图标)
1.引入资源 在项目的最大布局文件中引入字体包 import { IconFontStyled } from './static/iconfont/iconfont.js' 2.调用 然后使用方法如下 <div> <i className={iconfont}>//此处写字体图标代码</i&...原创 2020-03-20 10:26:25 · 169 阅读 · 0 评论 -
React 简易学习(六、数据存储)
1.打开github redux:存储项目数据 react-redux:协助调用redux中的数据 redux-thunk:协助action导出非对象 immutable:数据就是一旦创建,就不能更改的数据,保证store里面的数据不被修改 redux-immutable:讲子界面中的reducer数据统一到总reducer时需要转换使用此包 1...原创 2020-03-19 09:32:40 · 1314 阅读 · 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 · 96 阅读 · 0 评论 -
React 简易学习(四、动画)
1.打开github,找到react-transition-group信息 2.安装 打开命令提示符,输入: npm install react-transition-group --save 3.在渲染文件中的操作 在渲染文件中,首先引入包 import { CSSTransition } from 'react-transition-...原创 2020-03-19 09:25:41 · 114 阅读 · 0 评论 -
Reach 简易学习(三、组件和样式)
1.打开github,找到styled-components信息 2.安装 打开命令提示符,输入: npm install styled-components 3.全局样式创建与使用 首先,创建一个style.js,引入包: import { createGlobalStyle } from 'styled-components'; ...原创 2020-03-19 09:23:38 · 345 阅读 · 0 评论 -
React 简易学习(二、工作目录介绍)
node_modules: 依赖包 public: 网页标签页的图片,如果你需要做测试用的模拟接口数据,也可以将你的json文件放在这个目录下 src: 项目工作目录 .gitignore: 用来配置不需要加入版本管理的文件 package.json: 项目配置文件 package-lock.json: 在 `npm insta...原创 2020-03-19 09:20:50 · 87 阅读 · 0 评论 -
React 简易学习(一、安装配置环境)
1.安装 Node.js 2.使用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 · 159 阅读 · 0 评论