解构赋值重命名

//输入框传值
<div>
                    <input ref={c => this.keyWordElement = c} type="text" placeholder="输入关键词点击搜索"/>&nbsp;
                    <button onClick={this.search}>搜索</button>
                </div>

//获取用户的输入(连续解构赋值+重命名)
const {keyWordElement:{value:keyWord}} = this
//{keyWordElement:{value}} 连续解构赋值
//value:keyWord 将value重命名为keyWord

 

ES6小知识点：解构赋值+重命名

                    let obj = {a:{b:1}}

                    const {a} = obj; //传统解构赋值

                    const {a:{b}} = obj; //连续解构赋值

                    const {a:{b:value}} = obj; //连续解构赋值+重命名