1.要引入的文件:
<script src='react.js'></script>
<script src='react-dom.js'></script>
<script src='babel.min.js'></script>
2.代码:
<div id='example'></div>
<script type='text/babel'>
var Focus = React.createClass({
/*定义一个事件处理函数*/
handleClick:function(){
/*使原生的DOM元素获取焦点*/
this.refs.myInput.focus();
},
render:function(){
return (
<div>
{/*用ref来标记DOM元素*/}
<input type="text" ref='myInput'/>
<input type="button" value='点我' onClick={this.handleClick}/>
</div>
)
}
});
/*渲染节点*/
ReactDOM.render(
<Focus />,
document.getElementById('example')
);
</script>