微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

React.js用户对话UI设计

如何解决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。该示例包含表定义,示例数据以及有关如何在您自己的环境中复制应用程序的说明。除其他外,它为论坛,主题和回复建模。

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。