问题描述
所以，我有一个扩展运算符的问题，这让我现在很烦恼。我搜索了很多，但没有任何帮助。
当我使用 >>> df
value_text year value
0 type1 2016 0
1 type1 2017 0
2 type1 2021 0
3 type2 2018 0
4 type2 2021 0
5 type3 2019 0
6 type3 2021 0
7 type4 2020 0
8 type4 2021 0
9 type5 2021 1
10 type6 2021 1
时，它完美地显示了数据，没有任何错误，但是当我尝试 console.log(...val) 时，它抛出一个错误“预期表达式”
const data = ...val我正在使用 React 和 Typescript，我知道这应该可以工作，因为我以前做过。
{stats &&
stats.map(val => {
const title = Object.keys(val)[0]
const values = Object.values(val)
console.log('*************',...values)
return (
<div className="stats__stats--chart">
<div className="chart-name">
<h3>{title}</h3>
</div>
<div className="chart-data">
<DataChart data={values} />
</div>
</div>
)
})}
是一个二维数组，内部数组保存对象，我想从该数组中提取所有数组，以便我可以将它与该图表一起使用，但传播运算符不知何故被破坏。有没有某种配置可以解决这个问题？这有什么问题
解决方法
我不确定您如何使用这些值，但如果您使用 DataChart 组件中的数据，您应该使用 [...data[0],...data[1]] 作为变量。