React教程-添加评论后刷新页面
React是一个用于构建用户界面的JavaScript库。它通过组件化的方式，使得开发者可以轻松地构建可复用的UI组件，并且能够高效地更新和渲染页面。
在React中，添加评论后刷新页面的实现可以通过以下步骤完成：
- 创建一个评论组件（CommentComponent），用于展示评论内容。
- 在页面中引入该评论组件，并使用状态（state）来存储评论数据。
- 创建一个表单组件（FormComponent），用于用户输入评论内容。
- 在表单组件中，使用事件处理函数（event handler）来监听用户提交评论的动作。
- 当用户提交评论时，将评论内容添加到评论数据的状态中。
- 在评论组件中，使用状态中的评论数据来渲染展示评论的内容。
- 当评论数据发生变化时，React会自动更新并重新渲染页面，从而实现添加评论后刷新页面的效果。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
腾讯云云服务器（CVM）是一种弹性计算服务，提供了可扩展的计算能力，适用于各种应用场景。您可以根据实际需求选择不同配置的云服务器，用于部署和运行您的应用程序。
腾讯云对象存储（COS）是一种高可用、高可靠、低成本的云存储服务，适用于存储和处理各种类型的数据。您可以将评论数据存储在腾讯云对象存储中，以实现数据的持久化存储和访问。
更多关于腾讯云云服务器和对象存储的详细信息，请访问以下链接：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
相关·内容
我正在学习官方的React教程，但遇到了一点小麻烦。当我添加评论时，我希望评论出现在视图中，并且在瞬间它确实出现了，但是随后页面刷新，评论消失了。在一个相关的问题上(实际上只是一个请求，因为我还在学习AJAX)，代码应该将注释添加到JSON中。我假设这不会在柱塞上工作，但是如果页面是活动的，有足够的代码来实际更新JSON吗？
谢谢你的帮助！var CommentBox = React.createC
浏览 11提问于2016-07-27得票数 1
回答已采纳
我找到了一个使用ajax 添加注释的教程
示例这里有人在墙上发布了评论，然后当他添加评论时，你可以立即看到更改，而不需要刷新页面。
浏览 0提问于2013-03-22得票数 0
回答已采纳
3回答
我设计了一个表单，用户可以使用“添加评论”按钮输入他的评论。用户输入的任何评论都会添加到页面上的评论列表中。我使用"appendTo()“函数添加新注释。但是每当我刷新页面时，使用"appendTo()“函数添加的所有评论都会丢失。我的问题是，有没有办法在“页面刷新”后保留评论？任何提示或演
浏览 0提问于2012-01-25得票数 2
回答已采纳
1回答
我使用Redux存储将页面的阶段保存在React中，但是在刷新页面之后，存储的数据将再次设置为null。有一种方法可以存储Redux存储数据，直到用户按下页面上的注销按钮。您知道如何保存状态并在页面刷新后不会消失吗？或者有一个教程，我可以看到或阅读？
浏览 4提问于2021-03-05得票数 0
回答已采纳
1回答
我是JS的新手，我正在尝试学习在不刷新页面的情况下向帖子添加评论的步骤。到目前为止，通过下面的教程，我成功地在不刷新的情况下使用了JS加载Like按钮，但我需要一些评论方面的帮助。下面是评论view.py以下是模板：谢谢
浏览 20提问于2020-11-13得票数 0
我从Bernat的博客rails迷你教程中获取了评论代码您可以查看这里的代码，我添加了一个新的评论。它完美地显示在页面的顶部，但是如果我刷新页面，然后按进度编辑works，则名称的就地编辑就不能工作了。问题：
如何在不刷新页面的情况下使就地编辑工作
浏览 7提问于2012-04-12得票数 4
当我将它部署到Heroku时，它可以工作，除非我使用React Router url并尝试刷新页面，或者尝试在浏览器中复制并粘贴URL。在多个浏览器上的结果是相同的。如果我点击“文章”，它将把我带到https://appname.herokuapp.com/articles并显示react文章页面。但是，如果我刷新浏览器，我只得到一个空页面。我遵循了三个独立的教程，将Rails/React应用程
浏览 22提问于2019-07-03得票数 2
在woo商务上按下提交按钮后，我如何将重定向添加到我的首页？我希望在大约10秒后自动添加刷新或返回主页。我确实找到了在发送评论后做这件事的钩子，但我希望在按下提交按钮时添加此内容。非常感谢/
浏览 3提问于2020-06-12得票数 0
1回答
在权限方案中，我已经设置了当前Assignee的“添加注释”。所以，我所需要的就是，当有人得到任务时，只有他/她可以添加评论，而我已经可以这样做了。问题是，当他/她完成了将路由到下一个任务接受者的任务后，他/她仍然可以在刷新页面之前添加评论(下面的评论按钮仍然出现，上方的评论按钮已经消失)。有没有为JIRA自动刷新页面的脚本，或者对我的情况有什么解决方
浏览 0提问于2014-01-15得票数 0
目前正在遵循facebook关于React的教程()。我不明白两个组件如何进行通信，以便在“提交评论按钮”上，动态地追加“注释列表”。当前，注释是在服务器上创建的，但只有在页面刷新时才会出现在页面上。 var AddComment = React.createClass({ return {this.handleVal
浏览 1提问于2016-02-27得票数 3
回答已采纳
1回答
如何使用RxJS Observable保存React应用的状态。当我将新项目添加到CRUD应用程序后刷新页面时，它没有在列表中保存新项目，新添加的项目消失了。根据app的逻辑，页面刷新后，新的项应该保存在本地存储中。
浏览 4提问于2020-06-08得票数 0
1回答
我已经通过这个文档在我的angular网站上完美地安装了disqus评论系统。它工作得很好，但是当我通过这里给出的脚本在我的主页上添加disqus评论计数系统时，它在我的主页上显示0评论，刷新后，它回到不显示后，我进入和退出的页面评论窗口小工具它。我已经添加了这样的评论计数，
<a href="http://127.0.0.1:8000/index&#x
浏览 1提问于2015-09-18得票数 3
在我的基本网页中，我正在学习用于客户端路由的react-router。我想知道如何在路由更改后立即刷新浏览器。注意:请为不使用react-router v4而使用较旧版本的react-router的情况提供建议。(只有curious...........XD)
浏览 2提问于2018-04-20得票数 0
1回答
我有Posts和Comments，我正在尝试构建一个UI，以便使用React和Meteor将评论添加到帖子中。当我提交评论时，会出现新的评论，然后立即消失。当我刷新页面时，新的注释就出现了。this.userId, });
});
浏览 0提问于2016-06-04得票数 0
回答已采纳
单击add按钮后，数据将被添加到购物车中，但页面不会在添加后自动刷新。如果我添加钩子React.useState()并在单击按钮时更新状态，那么在分派之后，页面将重新呈现。据我所知，每当状态更新时，页面都会重新呈现。
Git Hub链接：
浏览 9提问于2020-03-05得票数 0
在这里，用户正在对消息添加评论。使用ajax调用在数据库中添加注释，然后将注释显示到jsp页面。我希望新添加的ajax注释的delete方法可以在不刷新页面的情况下调用。添加注释的ajax调用(正常工作，将数据添加到数据库并放入js
浏览 0提问于2013-04-20得票数 0
回答已采纳
1回答
我有下面的视图，允许用户为给定的产品添加评论。用户提交表单后，它会将数据添加到数据库，然后转到/view_reviews.html。然而，当我刷新页面时，它会再次添加相同的评论。如何确保评论只添加一次，即使用户碰巧刷新了页面？
浏览 0提问于2012-06-25得票数 0
回答已采纳
我有一个网站，其中每个用户的页面显示评论，并允许其他用户的添加评论。我想有它，以便添加评论表单在页面上，当用户添加评论时，它被添加到数据库中，并显示在评论部分与AJAX。如何在将评论添加到数据库之后，在不刷新页面的情况下刷新和更新评论部分？
浏览 1提问于2009-02-23得票数 21
回答已采纳
我想知道如何构建一个简单的(例如：Todo应用程序的包) meteor包使用react-meteor，以及如何在我们的项目中使用它。
浏览 14提问于2018-02-28得票数 0
4回答
通过链接响应打开下一页
、、、、
我在反应和我寻找任何方式(最好的正确)如何打开新的页面。it，类似于<a href="/about"></a>，但我读了一篇文章，也就是说不要使用它。当我尝试使用React中的Link时，我得到了更多的错误。谢谢
浏览 15提问于2022-10-16得票数 -1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
