Reactjs 如何将按钮添加到1列中

我有这样的代码

 <TableItem columns={["No.", "Image", "Name", "Category", "Price", "Action"]} 
      datas={["1", "https://place-hold.it/100x150", "MIlk tea", "Milk tea", "100000", 
       <Button variant="success">Edit</Button>]}
/>

---

如果我在

“Action”

列上有两个按钮，我如何添加更多按钮，请任何人都可以帮助我如果您是这样做的，那么这个解决方案就足够了：

<TableItem
    columns={["No.", "Image", "Name", "Category", "Price", "Action"]} 
    datas={[
        "1", 
        "https://place-hold.it/100x150", 
        "MIlk tea", 
        "Milk tea", "100000",
        <>
            <Button variant="success">Edit</Button>
            <Button>Second Button</Button>
        </>
    ]}
/>

---

如果您是这样做的，那么这个解决方案就足够了：

<TableItem
    columns={["No.", "Image", "Name", "Category", "Price", "Action"]} 
    datas={[
        "1", 
        "https://place-hold.it/100x150", 
        "MIlk tea", 
        "Milk tea", "100000",
        <>
            <Button variant="success">Edit</Button>
            <Button>Second Button</Button>
        </>
    ]}
/>

---

将动作作为组件数组传递

<TableItem columns={["No.", "Image", "Name", "Category", "Price", "Action"]} 
          datas={["1", "https://place-hold.it/100x150", "MIlk tea", "Milk tea", "100000", 
           [
<Button variant="success">Edit</Button>,
<Button variant="success">Edit</Button>,
<Button variant="success">Edit</Button>
    ]
]}
    />

---

将动作作为组件数组传递

<TableItem columns={["No.", "Image", "Name", "Category", "Price", "Action"]} 
          datas={["1", "https://place-hold.it/100x150", "MIlk tea", "Milk tea", "100000", 
           [
<Button variant="success">Edit</Button>,
<Button variant="success">Edit</Button>,
<Button variant="success">Edit</Button>
    ]
]}
    />

---

只需添加另一个这样的按钮

 <TableItem columns={["No.", "Image", "Name", "Category", "Price", "Action"]} 
  datas={["1", "https://place-hold.it/100x150", "MIlk tea", "Milk tea", "100000", 
  <React.Fragment>
  <Button variant="success">Edit</Button>
    <Button variant="success">New Button</Button>
 </React.Fragment>
]}
/>

---

只需添加另一个这样的按钮

 <TableItem columns={["No.", "Image", "Name", "Category", "Price", "Action"]} 
  datas={["1", "https://place-hold.it/100x150", "MIlk tea", "Milk tea", "100000", 
  <React.Fragment>
  <Button variant="success">Edit</Button>
    <Button variant="success">New Button</Button>
 </React.Fragment>
]}
/>

非常感谢您的宝贵意见，我还有一个问题，如果我有更多数据，在这种情况下如何添加，您能帮我吗？如果我打扰了您，我很抱歉，因为我刚刚了解了ReactJs，所以我无法理解更多，所以我真的需要帮助您必须更具体一点。更多的数据意味着什么？更多的位置，或者不同的形状？好的，我的问题是这样的：

这只是列的一个数据，如果我在该列中有更多的数据，我如何添加它，以便您的

数据将是表中的一个“行”，并且您希望有多行？如果是这种情况，您可能需要更改
组件的工作方式，而不是作为单元格数组的prop
datas
，您必须实现一个作为
数据数组的prop
rows
。如果没有看到代码，我将无法编写最终的解决方案。非常感谢您的有用评论，我还有一个问题，如果我有更多的数据，我如何在这种情况下添加，您能帮我吗，如果我打扰了您，我很抱歉，因为我只是了解ReactJs，所以我无法理解更多，所以我真的需要你的帮助你要更专业一点。更多的数据意味着什么？更多的位置，或者不同的形状？好的，我的问题是这样的：
这只是列的一个数据，如果我在该列中有更多的数据，我如何添加它，以便您的
数据将是表中的一个“行”，并且您希望有多行？如果是这种情况，您可能需要更改
组件的工作方式，而不是作为单元格数组的prop
datas
，您必须实现一个作为
数据数组的prop
rows
。如果没有看到代码，我将无法编写最终的解决方案。