React 记录
怪力马猴烧酒
一枚认真写博客的程序媛
展开
-
React 项目记录(一)——项目搭建
Step 1:安装 create-react-app 脚手架npm i create-react-app -gStep 2:创建项目create-react-app demo如图,就创建成功了:Step 3:自定义配置进入项目目录,执行:npm run eject若此时控制台如图报错,则需要将此项目与远程仓库相关联Step 4:启动项目npm start浏览器中会...原创 2019-01-14 21:15:42 · 429 阅读 · 0 评论 -
React 项目记录(三)——在 React 中使用 antd
Step 1:安装antdnpm i --save antdStep 2:引入文件在需要使用到 antd 的页面顶部加上import {Menu, Icon, Layout} from 'antd'import 'antd/dist/antd.css'const { Header, Footer, Sider, Content } = Layout;Step 3:使用antd在...原创 2019-01-20 11:42:07 · 653 阅读 · 0 评论 -
React 项目记录(四)——在 React 中使用地图
Step 1:申请APK首先,要到百度地图APK官网 http://lbsyun.baidu.com/ 申请 APK。Step 2:index.html 中引入APK其次,我们需要在项目的 index.html 文件中引入 APK在 body 结束标签之前加入这段代码,将 APK 替换成申请到的 APK:<script type="text/javascript" src="htt...原创 2019-01-20 21:21:47 · 757 阅读 · 0 评论 -
React 项目记录(五)——React 实现局部刷新
前言有些时候,我们想要点击左边的菜单栏,使右边的内容进行局部刷新。这时候我们就可以通过 react router 来实现。进入页面的流程分为:入口文件->路由->菜单->需要局部刷新的页面Step 1:配置路由我们首先在路由配置文件中,配置路由路径import React, { Component } from 'react'import { BrowserRouter...原创 2019-01-20 21:22:42 · 11247 阅读 · 0 评论 -
React 项目记录(六)——配置 API 接口文件
Step 1:配置 tool/api.js 文件将接口请求配置文件存放于 tool 文件夹中并命名为 api.js:var root = '/api/v1'var request = require('superagent')function dataType(data) { // 获取数据类型 return ({}).toString.call(data).match(/\s([a-...原创 2019-01-21 09:44:37 · 1899 阅读 · 0 评论 -
React 项目记录(二)——修改目录结构
Step 1:删除不必要的文件删除 src 文件夹中不必要的文件:rm App.* index.css logo.svgStep 2:src 下创建需要的文件夹mkdir coms page router style toolcoms:放置组件page:放置页面router:放置路由的配置style:放置样式文件tool:放置自己写的工具...原创 2019-01-15 16:28:41 · 1000 阅读 · 0 评论