Javascript React.js用户对话UI设计

Javascript React.js用户对话UI设计,javascript,reactjs,database,nosql,amazon-dynamodb,Javascript,Reactjs,Database,Nosql,Amazon Dynamodb,我计划在React中设计一个新的讨论UI,用户可以在其中发布评论并回复特定评论 我使用基于NoSQL键值的DB-DynamoDB。但是,我不确定如何设计数据库,以便在React中呈现子注释。换句话说,如何将注释绑定到子注释并允许用户相互回复 到目前为止,我已决定向DB注册以下内容: try { const id = "randomUUID"; await addComment({ id, username, comment }); } cat

我计划在React中设计一个新的讨论UI,用户可以在其中发布评论并回复特定评论

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

到目前为止,我已决定向DB注册以下内容:

try {
      const id = "randomUUID";

      await addComment({ id, username, comment });
    } catch {
      alert(`something went wrong!!!`);
    }
还有一个沙盒链接,指向我的想法的简短草稿:


DynamoDB文档有一个。该示例包含表定义、示例数据以及有关如何在您自己的环境中复制应用程序的说明。除此之外,它还为论坛、线程和回复建模


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

考虑将您的文章标题重命名为类似于“在DynamoDB中建模注释线程”。您的标题使您看起来像是有一个UI/React问题,而实际上这是一个关于DynamoDB中数据建模的问题。