解構賦值重命名

//輸入框傳值
<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; //連續解構賦值+重命名