摘要：
独立组件间共享 Mixins ES6不支持Mixin，所以需要相插件来进行支持，npm install save react mixin@2 测试一下Mixin是如何运行的 在src/js/components下创建mixins.js const MixinLog = { componentDidM 阅读全文
posted @ 2017-05-30 20:07
ArielChen
阅读(252)
评论(0)
推荐(0)
摘要：
React 內联式样 通过header.js演示JSX样式控制,直接內联到标签中的style import React from 'react'; export default class CompomentHeader extends React.Component{ render(){ cons 阅读全文
posted @ 2017-05-30 20:07
ArielChen
阅读(172)
评论(0)
推荐(0)
摘要：
组件Refs(操作DOM的2⃣️两种方法) 第一种方式 var mySubmitButton = document.getElementById('submitButton'); console.log(mySubmitButton); ReactDOM.findDOMNode(mySubmitBu 阅读全文
posted @ 2017-05-30 20:06
ArielChen
阅读(238)
评论(0)
推荐(0)
摘要：
可复用组件 类定义完后，追加属性propTypes传入参数userid:React.PropTypes.number，规定userid是一个数字型，如果传入字符型和其他的非数字型，都会报错。 给页面传入默认值 const defaultProps ={username:'这是一个默认的用户名'//默 阅读全文
posted @ 2017-05-30 20:05
ArielChen
阅读(136)
评论(0)
推荐(0)
摘要：
事件与数据的双向绑定 bodyIndex.js代码 import React from 'react'; import BodyChild from './bodychild' export default class BodyIndex extends React.Component { cons 阅读全文
posted @ 2017-05-30 20:04
ArielChen
阅读(160)
评论(0)
推荐(0)
摘要：
Props属性 Props事例 index.js代码 ... render() { return ( ) } ... bodyIndex.js代码 import React from 'react'; export default class BodyIndex extends React.Comp 阅读全文
posted @ 2017-05-30 20:03
ArielChen
阅读(223)
评论(0)
推荐(0)
摘要：
State属性 state状态 state 是组件内部的属性。组件本事是一个状态机，它可以在constructor中通过this.state直接定义它的值，然后根据这些值来渲染不同的UI。当state的值发生改变时，可以通过this.setState方法让组件再次调用render方法，来渲染新的UI 阅读全文
posted @ 2017-05-30 20:02
ArielChen
阅读(595)
评论(0)
推荐(0)
摘要：
1.组件首次加载 getDefaultProps只会在装载之前调用一次，在组件中赋值的数据会被设置到this.props中。 getInitialState只会在装载之前调用一次，这个函数的返回值会被设置到this.state中，需要注意的是，在ES6的写法，只需写在constructor中即可，如 阅读全文
posted @ 2017-05-30 19:59
ArielChen
阅读(194)
评论(0)
推荐(0)
摘要：
生命周期 每个生物😯都有它的生命周期，从出生🐣、少年、成年再到死亡。同理组件也有它特定的生命周期，React用不同的方法来描述它的整个生命周期。现在，要稍微修改一下组件的代码，当组件加载完毕1秒以后，使like的值自动加1 ... componentDidMount(){ setTimeout( 阅读全文
posted @ 2017-05-30 19:57
ArielChen
阅读(157)
评论(0)
推荐(0)
摘要：
JSX内置表达式 JSX 在render方法中有一种直接把HTML嵌套在JS中的写法，它被称为JSX。这种写法类似XML，它可以定义HTML一样简洁的树状结构。这种语法结合了JavaScript和HTML的优点（我理解模版化我们编写的程序，这就是React的初衷）既可以像平常一样使用HTML，也可以 阅读全文
posted @ 2017-05-30 19:57
ArielChen
阅读(322)
评论(0)
推荐(0)
浙公网安备 33010602011771号