React 如何渲染元素？答案

【问题标题】：How React renders elements?React 如何渲染元素？
【发布时间】：2021-02-20 08:49:23
【问题描述】：

我认为我的问题很简单，也许你会觉得它没用，但我是新来的，所以我很抱歉。但是，如果我有一个带翻译的 json 文件，例如 DE 文件夹中的 main.json 带有指向图像的链接，而 EN 文件夹中的另一个具有相同的键并链接到相同的图像。当我将语言从 DE 更改为 EN 时，是否会重新渲染图像？键和值是一样的。

DE 中的第一个 main.json

{
  "image":"linkToImage"
}

EN 中的第二个 main.json

{
  "image":"linkToImage"
}

【问题讨论】：

When i change the language from DE to EN 到底是什么意思 - 在代码中，当这种情况发生时，你会做什么？
React 的渲染周期非常复杂，从开发的角度来看，它取决于一些事情。我们将需要有关您的特定用例的更多上下文/信息，以便为您提供您正在寻找的答案
好的，我正在使用 i18next 翻译我的应用程序。因此，如果我想迭代带有描述的图像数组，我需要将要迭代和翻译的项目发送到 i18next.t()。所以如果你改变语言，它会改变翻译，对于音乐，我们有 Musik，但图像链接总是一样的，所以 react 会再次渲染它吗？

标签： reactjs

【解决方案1】：

React DOM 将元素及其子元素与前一个元素进行比较，并且仅应用必要的 DOM 更新以使 DOM 达到所需状态。尽管我们在每个刻度上创建了一个描述整个 UI 树的元素，但只有内容发生变化的文本节点才会被 React DOM 更新。

资源：https://reactjs.org/docs/rendering-elements.html

【讨论】：