Javascript React-重用表单组件并基于按钮单击将其显示在注释下

我有一个工作的react组件

，它显示在注释列表的底部

我在每条评论下都有一个回复按钮，单击该按钮时需要在回复按钮下显示相同的

。

的一个实例始终呈现在注释列表下。评论来自一个数据库

以下是回复按钮的代码：

  <Button size="small" variant="outlined" onClick={(event) => replyToComment(event)}>Reply</Button>
        

replyToComment（事件）}>Reply

我试过这个，但我不认为在反应

const replyToComment = async (event) => {

  return <CommentForm/>;
}

const replyToComment=async（事件）=>{
返回；
}

如果我在按钮下添加此组件并基于状态显示它，它将显示在所有回复按钮下

<CommentForm show={someStateField}/>   

这是可行的还是显示一个带有回复表单的弹出对话框是唯一的选项