React.js用户对话UI设计

问题描述

我正计划在React中设计一个新的讨论UI,用户应该能够发表评论回复特定评论

我使用基于Nosql键值的数据库-DynamoDB。但是,我不确定如何设计数据库,以便可以在React中呈现子注释。换句话说,如何将评论绑定到子评论,并使用户能够相互回复

到目前为止,我已经决定将以下内容注册数据库

try {
      const id = "randomUUID";

      await addComment({ id,username,comment });
    } catch {
      alert(`something went wrong!!!`);
    }

也是我的想法的简短草稿的沙盒链接

https://codesandbox.io/s/ecstatic-lamarr-3iv0c?file=/src/Discussion.js

解决方法

DynamoDB文档具有一个example Forum application。该示例包含表定义,示例数据以及有关如何在您自己的环境中复制应用程序的说明。除其他外,它为论坛,主题和回复建模。

您可能想看看他们如何设计应用程序,并查看它是否适用于您的访问模式。