react--ref

ref是可以帮助我们直接获取DOM元素

import React, {Component,fragment} from 'react';

class Todolist extends Component {
    constructor(props) {
        super(props);//调用Component的钩子
        this.state = {
            inputValue: '',
            list: ['11', '222']
        };
    }

    render() {
        return (
            // fragment内部封装的站位符
            <fragment
                <div>
                  <input
                        value={this.state.inputValue}
                        onChange={this.handleInputChange.bind(this)}
                        className="input" id="insertArea"
                        ref={(input)=>{this.input=input}}
                        //input是可以自定义函数名字的
                        //this.input指向dom节点本身
                    />

            </fragment>
        );
    }

    handleInputChange(e) {
        var value=this.input.value
        this.setState({
            // inputValue: e.target.value
            inputValue: value
        })
    }

}


export default Todolist;