Javascript 当状态更改时，如果对象数组中只有一个属性，整个DOM是否重新呈现？

我还没有反应过来。以下是我的一些代码：

    class App extends Component {
        constructor(props) {
            super(props);

            const db = [
                    {
                      name: 'xyz',
                      checked: false
                    },
                    {
                      name: 'abc',
                      checked: false
                    },
                    {
                      name: 'yui',
                      checked: false
                    }];

            // Set some state
            this.state = {
                db: db
            };
        }

然后我映射this.state将这些项目显示到页面中

现在，如果我更改了的

checked

属性，例如，

abc

（使用

this.setState（）

），那么整个页面将在React Dev工具中突出显示（蓝线）。是重新呈现整个DOM，还是只重新呈现一个属性对应的UI

---

我猜，由于存储在

应用程序

状态中的数组正在更改，React将此视为状态更改，并重新呈现整个

应用程序

。实际上是这样吗？

是的，它将再次调用您的

render

函数。

---

如果在主

应用程序

组件中调用

this.setState（）

，则基本上意味着整个

应用程序

组件将重新渲染。

是，它将再次调用

渲染

函数。 如果在主

App

组件中调用

this.setState（）

，则基本上意味着整个

App

组件将重新呈现