将 Axios 与 react-chrono 结合使用

Question

当我尝试使用状态数据时，我无法对 chrono working 做出反应。我在 conversationData 上做了一个控制台日志，它是否打印出来以及 conversationtracking。我确实收到一条错误消息：Expected an assignment or function call and instead saw an expression。我想知道我哪里出错了？这是我正在尝试做的代码：

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)

将 Axios 与 react-chrono 结合使用

Using Axios with react-chrono

chrono

reactjs