今天我们将学习如何在 react 中重新渲染。
我们的初始代码将是：
如您所见，我们有根元素，后跟一个返回本地时间的时间变量。 之后，我们有一个变量元素，它在 div 中显示我们的时间。 然后在 rootelement 中呈现该元素。
如果您运行此代码，您会注意到时间并没有连续变化，但您必须刷新页面才能正确显示时间。 我们需要为此写这个。
您可以看到我们的代码在函数 tick 中，并且 setInterval 每秒运行一次。 现在将正确显示时间，而无需重新加载网站。
您可能想知道这是什么意思。 如果您查看代码，您会注意到我们的 div 一直在变化。
让我们创建一些额外的代码来弄清楚发生了什么。
我们使用 react.Fragment (<>) 让两个 div 一个接一个。 现在让我们检查代码。
您可以注意到只有我们的时间 div 重复渲染。 因为只渲染必须反复渲染的内容，所以我们的页面不会变慢。
目前为止就这样了。
关注七爪网，获取更多APP/小程序/网站源码资源！
| 留言与评论（共有 0 条评论） “” |
![碎片时间学编程「82]：从末尾删除列表元素直到满足条件](https://www.fensifuwu.com/e/extend/timthumb.php?src=https://p26.toutiaoimg.com/origin/tos-cn-i-qvj2lq49k0/df243f5f3fb1441bbb48c9933627fef5.png?from=pc&w=218&h=124&zc=1)
