Javascript 在表中呈现多个组件

我有一个组件，它用数据库中的数据呈现一个表，我遇到了一个问题，我无法呈现代码底部的第二个组件EditButton，我设法呈现代码底部的第一个组件DeleteButton，但当我尝试呈现另一个按钮时，我会出错。目标是呈现表中的另一个按钮。提前感谢：）

import React，{useState}来自“React”；
从“语义ui反应”导入{Button}；
从“../login/loginid.js”导入{currentloginid}；
从“../question/deletequestion.js”导入{deletequestion}；
从“../answer/editanswer.js”导入{editanswer}；
导出常量ViewQuestionComponent=（）=>{
让[state，setState]=useState（[]）；
const handleViewQuestion=async（）=>{
试试{
const response=等待获取（'http://localhost/gotaquestion/api/api.php?action=viewquestion', {
方法：“GET”，
凭据：“包括”
});
const data=wait response.json（）；
const result=等待数据；
设置状态（数据）；
}捕获（e）{
控制台日志（e）；
}
}
返回(
);
};
导出函数ViewQuestion（{onClick}）{
返回(
观点问题
);
}
导出默认视图问题；
常量表=（{rows，setIdTobeDeleted，children}）=>(
{rows.map（（row）=>(
{行。问题}
{row.timestamp}
{世界其他地区分类}
{row.应答===null？“未回答”：row.应答}
{React.cloneElement（子项，{questionid:row.questionid}}
//我希望EditButton在DeleteButton上呈现在那里
{React.cloneElement（子项，{questionid:row.questionid}}
{row.questionid}
))}
);
const EditButton=（{questionid，onClick}）=>(
onClick（编辑答案）}
>编辑问题
);
constdeletebutton=（{questionid，onClick}）=>(
onClick（问题ID）}
>删除问题
);

我想在你看来，你错过了编辑按钮

<>请考虑改变< /P>

  return (
    <div>
      <ViewQuestion onClick={handleViewQuestion} />
      <div id="questions">
        <Table rows={state}>
          <DeleteButton onClick={deletequestion} />
        </Table>
      </div>
   </div>
  );

返回(
);

到

返回(
);

它只使用“新建”按钮呈现一个全新的表格，但不将它们组合在一起

  return (
    <div>
      <ViewQuestion onClick={handleViewQuestion} />
      <div id="questions">
        <Table rows={state}>
          <DeleteButton onClick={deletequestion} />
        </Table>
      </div>
   </div>
  );

  return (
    <div>
      <ViewQuestion onClick={handleViewQuestion} />
      <div id="questions">
        <Table rows={state}>
          <DeleteButton onClick={deletequestion} />
        </Table>
        <Table rows={state}>
          <EditButton onClick={editanswer} />
        </Table>



      </div>
   </div>
  );