Using Axios with react-chrono

Question

当我尝试使用状态数据时，我无法使react chrono工作。我在conversationData上做了一个控制台日志，它确实打印出来了，还有conversationtracking。我确实得到了一个错误，上面写着：；应为赋值或函数调用，而看到的却是表达式"；。我想知道我哪里错了？这是我要做的代码：

const data = [
conversationData.map(record => record.conversationtracking.map(items => {
{
{
title: moment(items.conversationdate).format('MMMM DD, YYYY')
cardTitle: items._id
cardSubtitle: items.name
cardDetailedText: items.text
}
}
}))
];
return (
<div>
<h1>sdvsdv</h1>
<Chrono
items={data}
mode="VERTICAL"
/>
</div>
)

Answer 1

您需要return映射后的数据。另外，您在第二个map循环中定义的对象中缺少,。PS：您尝试将map对象加倍的方式会影响性能。您可能需要找到一种更好的方法来保存额外的循环。

// As per the map structure, I hope the data is like this 
var conversationData = [{
conversationtracking: [{
_id: 1,
name: 'AVC0',
text: 'RESDS',
conversationdate: '23/12/2020'
}]
}]
const data = [
conversationData.map(record => record.conversationtracking.map(items => {
return {
title: items.conversationdate, 
cardTitle: items._id,
cardSubtitle: items.name,
cardDetailedText: items.text
}
}))
];
console.log(data)