React
gqzydh
这个作者很懒,什么都没留下…
展开
-
React Props/State/Forms 属性和状态
状态(State) 和 属性(Props)props 是组件对外的接口,state 是组件对内的接口。组件内可以引用其他组件,组件之间的引用形成了一个树状结构(组件树),如果下层组件需要使用上层组件的数据或方法,上层组件就可以通过下层组件的props属性进行传递,因此props是组件对外的接口。组件除了使用上层组件传递的数据外,自身也可能需要维护管理数据,这就是组件对内的接口state。根据对...原创 2018-09-24 22:20:23 · 482 阅读 · 0 评论 -
React项目搭建及环境配置
React 脚手架 create-react-app, 快速地进行构建使用 React 的项目开发,FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具 `create-react-app`。原创 2018-07-02 14:56:24 · 1077 阅读 · 0 评论 -
React 常用API 注释
Context当我们需要像很多组件共享一些Props的时候,就可以使用Context,但是不要使用太多,使用太多会导致组件的复用性下降。const { Provider, Consumer } = React.createContext(defaultValue)解构出来的Provider和Consumer是两个组件,而且这个默认值是当Consumer在上层早不到Provider的时候才会...原创 2018-10-08 16:57:09 · 640 阅读 · 0 评论 -
React 中常用的Js方法
inputValue: e.target.valuetarget 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。list.splice (index, 1)splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。注释:该方法会改变原始数组。[...this.state.lists] 展开运算符,开运算,然后有 [] 重新组合...原创 2018-10-15 13:42:27 · 1493 阅读 · 0 评论 -
React项目中常用库
create-react-app搭建的项目中添加bootstrapnpm install react-bootstrap --savenpm install bootstrap@3.3.7 --save //安装bootstrap指定3.3.7 版本在index.js文件中增加css引用import 'bootstrap/dist/css/bootstrap.min.css';i...原创 2018-10-09 16:46:00 · 3177 阅读 · 0 评论 -
React 生命周期函数
React 生命周期函数 Initialization (初始化) Mounting(挂载) Updation Unmounting setup componentWillMount props states componentWillUnmont props render co...原创 2018-10-16 11:56:16 · 248 阅读 · 0 评论 -
axios的使用
axios安装npm install axios项目导入npm install --save axios vue-axios 页面导入import axios from 'axios';功能实现查询 search: axios.get('http://xxx.xx.xxx/api/xxx')添加 add: axios.post('http://xxx.x...原创 2018-10-16 15:33:58 · 406 阅读 · 0 评论 -
React 组件间通信
父组件向子组件传值父组件通过属性的形式向子组件传递参数子组件通过props 接受父组件传递过来的参数子组件向父组件传值子组件和父组件通信,子组件要调用父组件传递过来的方法...原创 2018-10-10 14:47:15 · 153 阅读 · 0 评论