Javascript React redux：我希望使用.map（）返回两个<；tr>；在<；t车身>，但我不知道'；我不知道怎么做

我想单击一个按钮，在tbody标签中添加两个tr标签 然后点击编辑按钮隐藏在下面。但我只能完成一行，我不知道下一步该怎么做

<tbody>
{
functions.map((fun, index) => {

    return <tr key={index}>
        <td>
            <Input type="text" placeholder="n" value={fun.n}
                    onChange={(e) => setValueN(index, e.target.value)}/>
        </td>
        <td>
            <Input type="text" placeholder="p" value={fun.p}
                    onChange={(e) => setValueP(index, e.target.value)}/>
        </td>
        <td>
            <Icon name="question"></Icon>
            <Button icon={fun.onShow ? "delete" : "edit"} onClick={() => edit(index)}>
                {fun.onShow ? "delete" : "edit"}
            </Button>
            <Button icon="remove" onClick={() => delete(index)}>
                delete
            </Button>
        </td>
    </tr>
})

{
函数.map（（乐趣，索引）=>{
返回
setValueN（索引，e.target.value）}/>
setValueP（索引，e.target.value）}/>
编辑（索引）}>
{fun.onShow？“删除”：“编辑”}
删除（索引）}>
删除
})

}

---

如果您在函数中增加值，它将自动添加新行谢谢您，我已经完成了！如果您在函数中增加值，那么它将自动添加新行谢谢您，我已经完成了！