我是 React 新手
当我的灵魂如此疲惫时,我的代码就会遇到麻烦。 因为我无法设置 addTodo 函数的状态。 无法为任务添加新值(value)。
我的代码在这里:
class App extends Component {
constructor(props) {
super(props)
const tasks = [
{ title: "First Proejct", id: 0 }
]
this.state = {
tasks,
uniqueId: 1
}
}
addTodo = (title) => {
const {
tasks,
uniqueId
} = this.state;
const task = {
title,
id: uniqueId,
}
const newTasks = [...tasks, task]
this.setState({
newTasks, <-- HERE. :(
uniqueId: uniqueId + 1
})
console.log(newTasks)
console.log(task)
}
render() {
return (
<div className="todoApp">
<h1>ToDO APP</h1>
<TodoInput addTodo={this.addTodo} />
<TodoList tasks={this.state.tasks} />
</div>
);
}
}
export default App;
所以..
我做错了什么吗?
最佳答案
你应该调用:
this.setState({
tasks: newTasks,
uniqueId: uniqueId + 1
});
关于javascript - React - 无法设置状态值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53847606/