react：搜索中设置回车搜索和点击搜索

class Com_search extends Component {
    constructor () {
        super();
        this.state = {
            code: '',
        }
    }

    handleUsernameChange (event) {
        this.setState({
            code: event.target.value
        });
    }

    triggerSearch(){
        console.log(this.state.code.trim());
    }
    keyDownSearch(){
        if(window.event.keyCode === 13) {
            console.log(this.state.code.trim());
        }
    }


    render() {
        return (
            <div className="search-panel">
                <div className="content">
                    <a href='/index'><div className="logo"/></a>
                    <div className="search-wrap">
                        <input placeholder="请输入关键词" onKeyDown={this.keyDownSearch.bind(this)} defaultValue={this.state.code} onChange={this.handleUsernameChange.bind(this)} />
                        <div className="butn"  onClick={this.triggerSearch.bind(this)} >搜索</div>
                    </div>
                </div>
            </div>
        );
    }
}
export default Com_search;

搜索框使用onKeyDown方法，在keyDownSearch中判断按键是否为回车，回车即调用；

点击div的搜索，即调用onClick方法，直接进行搜索。