react删除元素数据
删除元素，不要直接操作state里面的值，需要把要更改的值复制一份。 所以使用展开操作符，把数组复制一遍。
import React ,{Component} from 'react'
class App extends Component{
constructor(props){
super(props)
this.state = {
list:["星期一","星期二","星期三"],
inputValue:""
}
}
render(){
return(
<div>
{
this.state.list.map((ele,index)=>{
// 把index传入
return <p key={index} >{ele}<button onClick={this.del.bind(this,index)}>删除</button></p>
})
}<strong style="color:transparent">来源gao@daima#com搞(%代@#码网</strong>
<input type="text" value={this.state.inputValue} onChange={this.change.bind(this)}/>
<button onClick={this.add.bind(this)}>添加</button>
</div>
)
}
change(e){
this.setState({
inputValue:e.target.value
})
}
add(){
this.setState({
list:[...this.state.list,this.state.inputValue],
inputValue:""
})
}
del(index){
//展开数组
var list = [...this.state.list]
//删除元素
list.splice(index,1)
this.setState({
list:list
})
}
}
export default App;
以上就是react怎么删除数据的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：react怎么删除数据
转载请注明原文链接：react怎么删除数据
