<!DOCTYPE?html>
<html>
??<head>
????<meta?charset="utf-8">
????<title>子組件給父組件傳值</title>
????<script?src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>
????<script?src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>
??????<script?src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>
??</head>
??<body>
????<div?class="example"></div>
????<script?type="text/babel">
????????var?Item?=?React.createClass({
??????????render:function(){
????????????return?(
??????????????<div>
??????????????<input?type="text"?onChange={this.props.handleSonChange}/>
??????????????</div>
????????????)
??????????}
????????});
????????var?Box?=?React.createClass({
??????????getInitialState:function(){
????????????return?{money:200};
??????????},
??????????handleSonChange:function(event){
????????????this.setState({money:event.target.value});
??????????},
??????????render:function(){
??????????????<div>
????????????????<span>{this.state.money}</span>
????????????????<Item?handleSonChange={this.handleSonChange()}/>
??????????????</div>
??????????}
????????})
????????ReactDOM.render(
??????????<Box/>,
??????????document.getElementById('example')
????????);
????</script>
??</body>
</html>哪里寫錯了,報錯信息我都看不懂
react的問題
西蘭花偉大炮
2017-04-30 22:41:23