<script type="text/babel">
var Myelement=React.createClass({
handleClick:function(){
this.refs.myInput.focus(); this.refs.[refname]獲取真實的節點 只有真實的DOM發生click事件以後 纔會發生this.refs.myInput
},
render:function(){
return (
<div>
<input type="text" ref="myInput" />
<input type="button" value="focus" onclick={this.handleClick} />
</div>
);
}
});
ReactDOM.render(
<Myelement/>,
document.getElementById('example')
);
</script>babel
Myelement組件是封裝起來,具備獲取真實DOM節點功能的組件this