代码编辑器:
x
1
<title>React Hello World -简单教程 </title>
2
<script src="https://cdn.staticfile.org/react/15.5.4/react.min.js"></script>
3
<script src="https://cdn.staticfile.org/react/15.5.4/react-dom.min.js"></script>
4
<script src="https://cdn.staticfile.org/babel-standalone/6.24.0/babel.min.js"></script>
5
<div id="app"></div>
6
<script type="text/babel">
7
var HelloMessage = React.createClass({
8
getInitialState: function() {
9
return {value: 'Hello 简单编程!'};
10
},
11
handleChange: function(event) {
12
this.setState({value: event.target.value});
13
},
14
render: function() {
15
var value = this.state.value;
16
return <div>
17
<input type="text" value={value} onChange={this.handleChange} />
18
<h4>{value}</h4>