react
qq_34351732
这个作者很懒,什么都没留下…
展开
-
React function component
component capital letter, single object<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <script src="http://cd原创 2017-11-17 15:20:01 · 823 阅读 · 0 评论 -
React 可控组件input
<script type="text/babel"> const MyForm = React.createClass({ getInitialState: () => ({ text: '' }), handleChange: function (e) { this.set原创 2017-11-18 19:16:13 · 982 阅读 · 0 评论 -
React boil
<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <!-- //引用资源,JSX转HTML --> <script src="http://cdn.bootcs原创 2017-11-18 20:48:50 · 170 阅读 · 0 评论 -
React array
Document <script type="text/babel"> const arr = ['a', 'b', 'c', 'd'] const HelloComponent = React.createClass({ render: () => <div>{ //只能放回原创 2017-11-14 14:24:17 · 586 阅读 · 0 评论 -
React TextBox state
=> this代表这个函数对象不是外部的<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <script src="http://cdn.bootcss.com/babel原创 2017-11-14 15:55:38 · 326 阅读 · 0 评论 -
React render props
Document <script type="text/babel"> //babel JSX => HTMLconst TextBoxComponent = React.createClass({ //render 块(不应该修改组件state,不读写DOM信息) render:function(){原创 2017-11-14 16:23:58 · 204 阅读 · 0 评论 -
react component 生命周期
<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <!-- //引用资源,JSX转HTML --> <script src="http://cdn.bootcss.com/babe原创 2017-11-14 17:00:25 · 171 阅读 · 0 评论 -
React opacity animate组件进行不断闪烁
<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <!-- //引用资源,JSX转HTML --> <script src="http://cdn.bootcss.com/babe转载 2017-11-14 19:46:45 · 1219 阅读 · 0 评论 -
React list this.props.children
<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <!-- //引用资源,JSX转HTML --> <script src="http://cdn.bootcss.com/babe原创 2017-11-14 21:05:09 · 212 阅读 · 0 评论 -
react props type confirm and default
<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <!-- //引用资源,JSX转HTML --> <script src="http://cdn.bootcss.com/babe原创 2017-11-14 21:32:11 · 222 阅读 · 0 评论 -
React DOM click focus textbox
<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <!-- //引用资源,JSX转HTML --> <script src="http://cdn.bootcss.com/babe转载 2017-11-14 21:53:42 · 239 阅读 · 0 评论 -
React Hello JSX
Document //引用资源,JSX转HTML <script type="text/babel"> var Hello = React.createClass({ render:() => <h1>Hello world</h1> }) ReactDOM.render( <Hello/>, docume原创 2017-11-14 12:00:10 · 171 阅读 · 0 评论 -
React bind selcet
<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <!-- //引用资源,JSX转HTML --> <script src="http://cdn.bootcs原创 2017-11-18 18:55:04 · 183 阅读 · 0 评论 -
React composing components
bottom-up<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <script src="http://cdn.bootcss.com/babel-core/5.8.3原创 2017-11-17 15:32:20 · 203 阅读 · 0 评论 -
React extracting components
className for clearly understand<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <script src="http://cdn.bootc原创 2017-11-17 16:57:00 · 143 阅读 · 0 评论 -
React Hello world
<html> <head> <title>hello world</title> </head> <body> <div id="reactContainer"></div> <script src="./react.js"></script> <script src="./react-dom.js"></script> <scrip原创 2017-11-13 20:00:28 · 168 阅读 · 0 评论 -
React class clock
<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <script src="http://cdn.bootcss.com/babel-core/5.8.38/browser原创 2017-11-17 19:33:32 · 231 阅读 · 0 评论 -
React click toggle
<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <script src="http://cdn.bootcss.com/babel-core/5.8.38/browser原创 2017-11-17 20:22:33 · 1059 阅读 · 2 评论 -
React 向事件处理程序传递参数(不跳,alert)
e后<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <script src="http://cdn.bootcss.com/babel-core/5.8.38/brows原创 2017-11-17 20:38:32 · 509 阅读 · 0 评论 -
React 条件渲染 if
{false}<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <script src="http://cdn.bootcss.com/babel-core/5.8.38/原创 2017-11-17 21:04:41 · 323 阅读 · 0 评论 -
React 按钮登入
<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <script src="http://cdn.bootcss.com/babel-core/5.8.38/browser原创 2017-11-17 21:37:50 · 553 阅读 · 0 评论 -
React email&&
<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <!-- //引用资源,JSX转HTML --> <script src="http://cdn.bootcs原创 2017-11-18 14:33:46 · 846 阅读 · 0 评论 -
React map items
<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <!-- //引用资源,JSX转HTML --> <script src="http://cdn.bootcs原创 2017-11-18 14:40:41 · 456 阅读 · 0 评论 -
React 更新元素时钟
React 元素是不可变的 Document原创 2017-11-15 17:01:48 · 237 阅读 · 0 评论