React 支持一種非常特殊的屬性 Ref ，可以用來系結到 render() 輸出的任何組件上
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import * as serviceWorker from './serviceWorker';
class Focus extends Component{
constructor(props){
super(props);
this.focusFn=this.focusFn.bind(this);
}
focusFn(){
this.refs.myInput.focus();
}
render(){
return(
<div>
<input type="text" ref="myInput" />
<br/>
<button onClick={this.focusFn}>點我</button>
</div>
)
}
}
ReactDOM.render(
<div>
<Focus />
</div>,
document.getElementById('example')
);
serviceWorker.unregister();
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/122038.html
標籤：JavaScript
上一篇：React 表單與事件 簡單演示