forAsdf

foucs.js

class SomeContainer extends Component {

    state = { value: '' };

    changeText = (e) => this.setState({
        value: e.target.value
    });

    componentDidMount() {
        this.props.findOrder({ orderId: 100012134 });
    }

    handleFocusTarget = () => {
        // 포커스
        this.foucsTarget.focus();
    }

    render() {
        return (
            <div>
                <h1>Hello?</h1>
                {/* ref 에 담아둔다. */}
                <input ref={targetInput => this.foucsTarget = targetInput}
                       onChange={this.changeText} value={this.state.value || ''}/>
                <button onClick={this.handleFocusTarget}>포커싱</button>
            </div>
        )
    }
}