![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
lmy233
这个作者很懒,什么都没留下…
展开
-
vscode中react项目实现tab自动补全标签
需要修改两个配置,修改后要重启!首先我们先打开【设置】,windows和mac不同windows:【文件File】---【首选项Preferences】---【设置Setting】mac:【code】---【首选项Preferences】---【设置Setting】第一步:在设置里搜索includeLanguages,将javascript后面的Value修改为javascriptreact;第二步:在设置里搜索triggerExpansionOnTab,勾选选择框;最后重启原创 2021-01-18 10:28:46 · 707 阅读 · 1 评论 -
react项目中使用react-router-dom
1. 安装react-router-domnpm install react-router-dom -S2. 新建router.jsimport React from 'react'import { HashRouter, Route, Switch, hashHistory, Redirect} from 'react-router-dom'import App from './App'import Login from './views/Login/Login'import Lis原创 2020-10-18 20:53:40 · 291 阅读 · 0 评论 -
react项目中如何使用react-redux
安装npm install redux react-redux redux-thunk -S目录结构Tips:与Redux无关的目录已省略|--src |-- store Redux目录 |-- actions.js |-- index.js |-- reducers.js |-- state.js |-- components 组件目录 |-- Test.js原创 2020-10-18 20:53:25 · 530 阅读 · 0 评论 -
react中使用fetch发送请求
1. 安装fetchnpm install whatwg-fetch -S2. 页面中使用fetch// 引入fetchimport 'whatwg-fetch';fetch('https://api.apiopen.top/getJoke?page=1&count=5&type=video',{ method: 'GET', headers: { 'Accept': 'application/json', 'Content-Type原创 2020-10-18 20:53:15 · 1070 阅读 · 0 评论 -
create-react-app怎么按需引入antd和主题定制
第一步暴露配置:yarn eject第二步实现antd按需加载yarn add babel-plugin-import// 修改package.json"babel": { "presets": [ "react-app" ], "plugins": [ [ "import", { "libraryName": "antd", "style": "css" } ] ]}第三步le原创 2020-10-17 14:11:34 · 517 阅读 · 5 评论 -
create-react-app创建的react项目怎么引入less文件
通过create-react-app创建的项目并没有暴露出webpack的相关配置,所以我们要通过运行npm run eject来显示webpack相关文件。项目中会多出一个config目录,它里面就包含了webpack的相关配置文件。1. 显示webpack配置文件npm run eject如果运行npm run eject报错,先运行 git add . 和 git commint -m ‘app init’ 这两个命令,在运行npm run eject命令即可.2. 安装less和les原创 2020-10-17 14:07:20 · 1487 阅读 · 2 评论 -
react生命周期详解<16.0
生命周期:一个组件从开始到消亡所经历的各种状态。生命周期函数:组件从被创建,被挂载到页面,页面关闭被卸载等各个阶段伴随着各种的事件,这些事件就被称为生命周期函数。通过声明周期函数可以让开发者的代码参与到组件的声明周期中,这样开发者就可以控制组件的行为。React组件的生命周期包含三个阶段:创建阶段(Mounting)、运行和交互阶段(Updating)、卸载阶段(Unmounting)。创建阶段(Mounting):该阶段函数只执行一次getDefaultProps:只调用一次,实力之间共享引用原创 2020-10-17 14:05:14 · 118 阅读 · 0 评论