把JavaScript表達式提取到外面后無法添加內容了
如題,就是無法添加以及獲取內容,也沒有什么報錯信息
import?React?from?'react'; import?TodoItem?from?'./TodoItem' class?TodoList?extends?React.Component?{ constructor(props)?{ super(props) this.state?=?{ list:?[], inputValue:?'' } this.handleBtnClick?=?this.handleBtnClick.bind(this) this.handleInputChange?=?this.handleInputChange.bind(this) } //?增加內容 handleBtnClick()?{ this.setState({ list:?[...this.state.list,?this.state.inputValue], inputValue:?'' }) } //?輸入內容監(jiān)聽 handleInputChange(e)?{ this.setState({ inputValue:?e.target.value }) } //?刪除內容 handleDelete(index)?{ const?list?=?[...this.state.list] list.splice(index,?1) this.setState({ list:?list }) } //?獲取內容 getTodoItems()?{ this.state.list.map((item,?index)=>{ return?( <TodoItem deleteClick={this.handleDelete} key={index} content={item} index={index} /> ) }) } render()?{ ????return?( ????????<div> ????????????<div> ????????????????<input?value={this.state.inputValue}?onChange={this.handleInputChange}?/> ????????????????<button?onClick={this.handleBtnClick}>Add</button> ????????????</div> ????????????<ul>{this.getTodoItems()}</ul> ????????</div> ????????); ????} } export?default?TodoList;
2019-02-13
如下圖: