handleChange = (key) => {
    this[`input${key}Ref`] = React.createRef();
}
 
handleSave = () => {
    const { list } = this.state;
    for (let item of list) {
        if (item.value && item.value.length > 100) {
          Toast.show(`${item.name}不能超過(guò)100個(gè)字符`);
          this[`input${item.key}Ref`].current&&this[`input${item.key}Ref`].current.focus();
          return;
        }
    }
    // 寫接口等其他邏輯
 }
 
render() {
    const { list } = this.state;
    <div>
        {
            list.map(item=>{
              <Input
                  ref={this[`input${item.key}Ref`]}
                  value={item.value}
                  onChange={() => { this.handleChange(item.key) }}
              />
            })
        }
        <Button type="primary" onClick={this.handleSave}>保存</Button>
     </div>
}

<input ref="inputRef" /> //this.refs['inputRef']來(lái)訪問(wèn)

<input ref={(input) => {this.textInput = input;}} type="text" /> ? //HTML 元素添加 ref 屬性時(shí)

<CustomInput ref={(input) => {this.textInput = input;}} /> ? //組件添加 ref 屬性

class Child extends React.Component{
? ? constructor(props){
? ? ? ? super(props);
? ? ? ? this.myRef=React.createRef();
? ? }
? ? componentDidMount(){
? ? ? ? console.log(this.myRef.current);
? ? }
? ? render(){
? ? ? ? return <input ref={this.myRef}/>
? ? }
}

var Parent = React.createClass({
? render: function(){
? ? return (
? ? ? <div className = 'parent'>
? ? ? ? <Child ref = 'child'/>
? ? ? </div>
? ? )
? },
? componentDidMount(){
? ? console.log(this.refs.child); // 訪問(wèn)掛載在組件上ref
? ? console.log(ReactDOM.findDOMNode(this.refs.child)); // 訪問(wèn)真正的dom節(jié)點(diǎn)
? }
})

var Child = React.createClass({
? render: function() {
? ? return (
? ? ? ? <div ref="test">
? ? ? ? ? <a ref="update">更新</a>
? ? ? ? </div>
? ? );
? }
});

handleShowModalAdd = () => {
? ? this.add.handleToggle()//handleToggle為子組件中的方法
}

<SystemAdd ref={(el) => this.add = el}/>

handleShowModalAdd = () => {
? ? this.add.handleToggle()//handleToggle為子組件中的方法
}

<SystemAdd onRef={(ref) => this.add = ref }/>

componentDidMount(){
? ? this.props.onRef(this)//將組件實(shí)例this傳遞給onRef方法
}