为了账号安全,请及时绑定邮箱和手机立即绑定
关注
Glin

add之后出现多个li,检查了几遍看不出什么问题

import React from 'react';
class TodoList extends React.Component{
 constructor(props){
   super(props)
   this.state = {
     list:[],
     inputValue:"",
   }
 }
 addItem(){
   this.setState({
       list:[this.state.list,this.state.inputValue],
       inputValue:""
     })
 }
 todoListText(e){
   this.setState({
     inputValue:e.target.value
   })
 }
 render(){
   return(
     <div>
       <div>
         <input value={this.state.inputValue} onChange={this.todoListText.bind(this)} />
         <button onClick={this.addItem.bind(this)}>add</button>
       </div>
       <ul>
         {
           this.state.list.map((item,index)=>{
             return <li key={index}> {item} </li>
           })
         }
       </ul>
     </div>
   )
 }
}
export default TodoList;



https://img4.sycdn.imooc.com/5ce3c43500017c0407890710.jpg

2019-05-21 源自:React16.4 快速上手 2-2 221 浏览 1 回答

第12行

this.state.list

添加展开运算符

...this.state.list


2019-05-23
回复 0

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信