如何将按钮添加到 1 列

Question

我有这样的代码

 <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" 列上有两个按钮，我该如何添加更多按钮，请任何人帮助我

Answer 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>
            <Button>Second Button</Button>
        </>
    ]}
/>

Answer 2

将动作作为组件数组传递

<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>
    ]
]}
    />

Answer 3

再添加一个这样的按钮即可。

 <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>
]}
/>

如何将按钮添加到 1 列

How to add button into 1 column

reactjs

react-component