Javascript 反应如何将setState中的键与数组索引一起使用?
这是我的代码。我有一个简单的问题,就是如何将Javascript 反应如何将setState中的键与数组索引一起使用?,javascript,reactjs,Javascript,Reactjs,这是我的代码。我有一个简单的问题,就是如何将state元素与indexin键一起使用?在这种情况下,我需要为不同的数据索引元素设置不同的值 import React, { Component } from 'react'; import {Doughnut} from 'react-chartjs-2'; class Chart extends Component { constructor(props) { super(props); this.st
state
元素与indexin键一起使用?在这种情况下,我需要为不同的数据
索引元素设置不同的值
import React, { Component } from 'react';
import {Doughnut} from 'react-chartjs-2';
class Chart extends Component {
constructor(props) {
super(props);
this.state = {
labels: ["All", "Done", "Active"],
datasets: [{
label: "Todos",
backgroundColor: 'grey',
borderColor: 'green',
data: [0, 0, 0]
}]
};
}
getTodosList = (todos) => {
const all = [];
const active = [];
const done = [];
todos.filter(todo => {
if (todo.status === 'active') {
active.push(todo);
} else if (todo.status === 'all') {
all.push(todo);
} else if (todo.status === 'done') {
done.push(todo);
}
});
this.setState({
datasets[0].data[0]: all, // error
datasets[0].data[1]: active, // error
datasets[0].data[2]: done // error
});
}
setState
函数不知道必须用代码替换哪个对象。您也没有正确访问datasets变量,它应该是this.state.datasets
。你可以这样做:
let datasets = this.state.datasets.slice();
datasets[0].data[0] = all;
datasets[0].data[1] = active;
datasets[0].data[2] = done;
this.setState({datasets});
很简单:
this.setState({
datasets: [...this.state.datasets,
{
data: [all.length, active.length, done.length]
}
]
});
开始像重新思考一样思考。使用纯函数。这对你很有帮助。此外,根据您的开始数据
,我了解您可能需要使用项目的长度