如何在reactjs中编辑和列出API获取

Question

我是新手。API调用返回用斜杠分隔的名称，如john/smith/doe/richard。我想把名字列在不同的行上，比如：

• 约翰
• 史密斯
• 理查德这样做可能吗？我正在使用axios来调用远程API

Answer 1

您可以使用split方法将数据转换为数组，然后使用map渲染数组，如下所示：

<ul>
{ data.split("/").map(name=> <li key={name}> {name}</li>) }
</ul>