React JS 在单独的行中呈现列表数据

Question

我在 React Js 中遇到了一个问题。 我想在每个单独的行中显示名称数据。

  const names = ['James', 'John', 'Paul', 'Ringo'[![\]][1]][1];

我的代码：

return (
<div class="col-lg-8 bar-name">
  <div>
    {names.map(filteredName => (
      <li>
        {filteredName}
      </li>
    ))}
  </div>
</div>)

如何在 div 元素中使用？ 我应该怎么办？

谁能帮我？

Answer 1

您需要添加要在 List 标签旁边显示的元素。 例子：

return (
<div class="col-lg-8 bar-name">
  <div>
    {names.map(filteredName => (
      <li>
        {filteredName} 
       <div>
        Ryan
       </div>
       <div>
        Eric
       </div>
      </li>
    ))}
  </div>

)