react
文章平均质量分 90
垃圾侠
这个作者很懒,什么都没留下…
展开
-
如何搭建一个react项目?
使用react很长时间,写个搭建项目的文档,用于新项目的快速启动。本项目使用的技术栈:create-react-app react-router ant-design react-redux一、使用create-react-app创建项目npx create-react-app my-appcd my-appnpm start二、引入react-router,创建基础路由及页面cnpm install react-router-dom -S使用react-router原创 2020-11-12 10:51:44 · 2314 阅读 · 3 评论 -
react-router的基本用法
npm install react-router-domimport React from "react";import { BrowserRouter as Router, Switch, Route, Link} from "react-router-dom";export default function App() { return ( <Router> <div> <nav> .原创 2020-10-19 10:57:58 · 632 阅读 · 0 评论 -
redux-actions用法
redux-actions的产生,是为了简化redux的使用。createAction Methods createAction createAction(type) createAction(type, payloadCreator) createAction(type, payloadCreator, metaCreator) import { createAction } from '原创 2020-10-07 16:32:55 · 587 阅读 · 0 评论 -
react易忘知识点
一、核心概念Babel 会把 JSX 转译成一个名为React.createElement()函数调用。以下两种示例代码完全等效:const element = ( <h1 className="greeting"> Hello, world! </h1>);const element = React.createElement( 'h1', {className: 'greeting'}, 'Hello, world!');..原创 2020-10-01 11:13:00 · 264 阅读 · 0 评论 -
redux知识点
安装npm install --save redux基本规则通过dispatch一个action来改变state简单例子:import { createStore } from 'redux';/** * 这是一个 reducer,形式为 (state, action) => state 的纯函数。 * 描述了 action 如何把 state 转变成下一个 state。 * * state 的形式取决于你,可以是基本类型、数组、对象、 * 甚至是 Immutabl原创 2020-09-20 22:09:20 · 202 阅读 · 0 评论 -
create-react-app升级
原来安装的是全局的create-react-app,现在需要把全局的删除:npm uninstall -g create-react-app但是再次运行create-react-app -V,发现原来的版本号还存在此时来运行which create-react-app运行结果:->/usr/local/bin/create-react-app然后再执行:rm -rf /usr/local/bin/create-react-app此时删除成功。然后再创建react项目原创 2020-09-17 15:11:39 · 999 阅读 · 1 评论 -
如何修改antd默认全局样式
在研究antd-pro的时候,发现了:global{}这样的写法,没明白是什么意思,遂百度之。经查后发现,这是修改全局样式的写法。比如我在antd-pro中看到的::global { .ant-tag { margin-right: 24px; padding: 0 8px; font-size: @font-size-base; } }上面代码就是要修改antd原有的.ant-tag的样式,于是在外面加了一层:global包裹起来。然而原创 2020-06-04 12:41:20 · 10320 阅读 · 0 评论 -
在vscode中的js文件中自动补全html标签
code-首选项-settings,查找settings.json,然后在json文件中加入:"emmet.includeLanguages": {"javascript": "html"}转载 2019-07-25 07:18:34 · 4987 阅读 · 4 评论