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>

)