React
江寸山
这个作者很懒,什么都没留下…
展开
-
Node.js安装教程
1)首先准备好安装包工具2)勾选同意协议3)默认是装在C盘下面 (根据个人 可以选择安装盘符)4)继续点击下一步5)安装成功6)打开cmd 命令测试 是否安装成功npm -vnode -v(如果现实下图 则显示安装成功)7)带node_modules 即自带npm 而npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西...原创 2019-07-29 17:24:34 · 204 阅读 · 2 评论 -
React连接后台,解决跨域问题.
第一步在web.xml文件导入文件<filter> <filter-name>cors</filter-name> <filter-class>com.mr.filter.SimpleCORSFilter</filter-class> </filter> <filter-...原创 2019-08-10 17:33:33 · 831 阅读 · 0 评论 -
react AntUI的引入
安装依赖包npm install antd --save引入css样式库import 'antd/dist/antd.css';引入控件import { Button, Modal, Input, Form } from 'antd';<Button onClick={this.changeOrderType.bind(this)} type="primary">F...原创 2019-08-06 17:21:04 · 396 阅读 · 0 评论 -
React三大属性之一state
state属性: 1)组件被称为“状态机”,通过更新嘴贱的状态值来诚信对应的页面显示(重新渲染) 2)state是组件对象最重要的属性, 值是对象(可以包含多个数据)3)初始状态(定义数据):state={ id:"", updateObj:{ name:"", content:"", ...原创 2019-08-02 09:06:36 · 114 阅读 · 0 评论 -
React生命周期
组件的生命周期可分成三个状态:Mounting:已插入真实 DOMUpdating:正在被重新渲染Unmounting:已移出真实 DOM例子import BaseComponent from '../../components/core/BaseComponent';import { Row, Col } from 'antd';import styleObj from './...原创 2019-08-02 08:47:31 · 80 阅读 · 0 评论 -
React NPM Yarn镜像淘宝
NPM设置淘宝镜像1.查询当前配置的镜像npm get registry https://registry.npmjs.org/设置成淘宝镜像npm config set registry http://registry.npm.taobao.org/2.换成原来的npm config set registry https://registry.npmjs.org/Yarn...原创 2019-07-30 15:16:54 · 250 阅读 · 1 评论 -
React Install脚手架和创建项目
react脚手架1)xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目a.包含了所有需要的配置b.指定好了所有的依赖c.可以直接安装/编译/运行一个简单效果2)react提供了一个用于创建react项目的脚手架库: create-react-app注意 node_global创建全局变量 通过npm root -g 查询根节点 或者找到全局变量位置3)项目的整体技术架...原创 2019-07-29 19:51:54 · 259 阅读 · 0 评论 -
Dvajs介绍
dva 是基于 redux 最佳实践 实现的 framework,简化使用 redux 和 redux-saga 时很多繁杂的操作数据流向数据的改变发生通常是通过用户交互行为或者浏览器行为(如路由跳转等)触发的,当此类行为会改变数据的时候可以通过 dispatch 发起一个 action,如果是同步行为会直接通过 Reducers 改变 State ,如果是异步行为(副作用)会先触发 Effe...转载 2019-07-29 17:41:28 · 697 阅读 · 0 评论 -
React三大属性之一props
组件实对象3大属性之一:props属性1.每个组件对象都会有props(properties的简写)属性2.组件标签的所有属性都保存在props中3.内部读取某个属性值:this.props.propertyName4.作用:通过标签属性从组件外 向组件内传递数据(只读 read only)5.对props中的属性值进行类型限制和必要性限制Person.propTypes = { ...原创 2019-08-10 17:49:22 · 930 阅读 · 0 评论