javascript - React - 重用表单组件并根据按钮单击在评论下显示它

Question

我有一个工作反应组件<CommentForm/>，显示在评论列表的底部。

我在每条评论下都有一个回复按钮，点击时需要在<CommentForm/>回复按钮下显示相同的内容。一个实例<CommentForm/> 总是呈现在评论列表下。评论来自数据库。

这是我的回复按钮代码：

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

我试过这个，但我认为这在 React 中不起作用？

const replyToComment = async (event) => {

  return <CommentForm/>;
}

如果我在按钮下添加此组件并根据状态显示它，它会显示在所有回复按钮下。

<CommentForm show={someStateField}/>   

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

标签： javascriptreactjs