Javascript ×;TypeError:无法读取属性';推动';未定义的 92| 93 | >94{this.state.movielist.map(a=>this.handleClick(a.title)}>{a.title}{a.description}this.singledelete(a.title)}>delete) 95 | 96 |在此处输入代码 68 | handleClick=(标题)=>{ >69 | this.state.movielist.push(“/edit”) 70 | }
任何人都可以帮助我为什么会出现此错误。您应该在单击处理程序中使用setState来更新movelist状态变量。您需要首先在构造函数中将Javascript ×;TypeError:无法读取属性';推动';未定义的 92| 93 | >94{this.state.movielist.map(a=>this.handleClick(a.title)}>{a.title}{a.description}this.singledelete(a.title)}>delete) 95 | 96 |在此处输入代码 68 | handleClick=(标题)=>{ >69 | this.state.movielist.push(“/edit”) 70 | },javascript,reactjs,Javascript,Reactjs,任何人都可以帮助我为什么会出现此错误。您应该在单击处理程序中使用setState来更新movelist状态变量。您需要首先在构造函数中将movieslist定义为空数组 92 | <Router> 93 | <ul> > 94 | {this.state.movielist.map(a => <li onClick={() => this.handleClick(a.title)}>{a.title}{a.description}
movieslist
定义为空数组
92 | <Router>
93 | <ul>
> 94 | {this.state.movielist.map(a => <li onClick={() => this.handleClick(a.title)}>{a.title}{a.description} <button type="button" onClick={() => this.singledelete(a.title)}>delete</button> </li>)}
95 | </ul>
96 | </Router>enter code here
68 | handleClick = (title) => {
> 69 | this.state.movielist.push("/edit")
70 | }
你点击处理程序如下所示-
constructor(props) {
super(props)
this.state = {
movieslist: []
};
}
猜测一下,
this.state.movielist
不是一个数组,但是在没有看到您的代码的情况下,它是一个使用此.setState()更新状态的猜测;
handleClick = (title) => {
this.setState({ movieslist : [...this.state.movieslist,'/edit'] });
}