react基础系列
可芭乐
这个作者很懒,什么都没留下…
展开
-
React系列一——jspm管理
什么是jspmJavaScript 模块的写法有几种,比如 AMD,CommonJS .. 还有标准化的 ES6 的写法 .. jspm支持加载所有的用这些方法写的JavaScript 模块在你的应用里,现在就可以使用 ES6 提供的标准写法 .. 至于怎么去载入模块可以交给 jspm 去处理 .. 也就是你只需要了解ES6 的模块写法jspm 还是一个为浏览器上用的东西准备的一个包管理...原创 2018-02-27 15:51:30 · 484 阅读 · 1 评论 -
React系列二——组件
组件导入创建一个组件文件'use strict'import React from 'react'class CommentBox extends React.Component{ render() { return( <div className = "ui comments"></div> ...原创 2018-02-27 16:38:42 · 177 阅读 · 0 评论 -
React系列三——props属性
子组件'use strict'import React from 'react';class Comment extends React.Component { render() { return ( <div className="comment"> <div className="co...原创 2018-02-27 18:18:56 · 1382 阅读 · 0 评论 -
React系列四——state状态
基础知识 this.state:访问组件的状态 this.setState():设置组件状态class CommentBox extends React.Component{ constructor(props) { super(props); //设置组件初始化状态 this.state = { data: [] }; ...原创 2018-02-28 14:17:47 · 175 阅读 · 0 评论 -
React系列五——event事件
从子组件传递数据给父组件commentForm组件'use strict'import React from 'react'class CommentForm extends React.Component{ handleSubmit(event) { //作用于表单 event.preventDefault(); console...原创 2018-02-28 15:38:12 · 8071 阅读 · 0 评论 -
React系列六——react-router
react-router安装jspm install react-router //npm亦可引入react-router组件import { Router, Route, Link } from 'react-router';react-router的使用'use strict'import React from 'react';import ReactD...原创 2018-02-28 18:33:59 · 259 阅读 · 0 评论 -
React系列七——IndexRoute索引及重定向
索引引入索引IndexRoute IndexRoute为react-router的一个组件import { Router, Link, Route, IndexRoute } from 'react-router';'use strict'import React from 'react';import ReactDom from 'react-dom';import...原创 2018-03-01 14:12:13 · 4653 阅读 · 0 评论 -
React系列八——进入离开路由地址、查询符及生命周期
onEnter:进入路由地址 onLeave:离开路由地址使用方式:function handleEnter() { console.log('进入')}function handleLeave() { console.log('进入')}<Route path="/shows/:id" component={Show} onEnter={...原创 2018-03-01 15:20:35 · 1766 阅读 · 0 评论