javascript - 从组件返回列表

Question

我的一个组件在每次调用时都会创建一个随机大小的字符串列表（比如 4~10 个字符串）。

假设列表是["airplane", "ball", "car", "dice"]。

我想返回一个看起来像这样的 html 结构：

airplane   [button]
ball       [button]
car        [button]
dice       [button]

我怎样才能做到这一点？我不知道如何返回动态大小的东西。

标签： javascriptreactjs

Answer 1

我假设因为您用 react 标记了您的问题，所以您正在使用 JSX。

您只需要映射数组并插入元素。像这样的东西：

return (
  <div>
    {yourList.map((item) => (
      <span>{item}</span><button>Click</button>  
    )}
  </div>
);