react在道具更新时不重新渲染

React是一个用于构建用户界面的JavaScript库。在React中，组件是构建用户界面的基本单元。组件可以接收属性（props）作为输入，并根据属性的变化来更新自身的状态（state），从而重新渲染界面。

当组件的属性发生变化时，React会比较新旧属性的差异，并根据差异来更新组件的状态和界面。这个过程称为“协调（reconciliation）”。默认情况下，当组件的属性发生变化时，React会重新渲染组件及其子组件。

然而，React也提供了一种优化机制，即“浅比较（shallow comparison）”。当组件的属性发生变化时，React会使用浅比较来判断新旧属性是否相等。如果新旧属性相等，React会认为组件的状态没有变化，从而避免重新渲染组件。

这种优化机制可以提高React应用的性能，尤其是在属性变化频繁的情况下。但需要注意的是，浅比较只比较属性的引用是否相等，而不会比较属性的内容。因此，如果属性是一个对象或数组，且其内容发生了变化，浅比较可能会导致组件不重新渲染，从而出现界面不更新的问题。

为了解决这个问题，可以使用不可变数据（immutable data）来确保属性的内容不会发生变化。不可变数据是指一旦创建就不能被修改的数据，每次对数据的修改都会返回一个新的数据。React中的Immutable.js库可以帮助我们创建和操作不可变数据。

另外，如果确实需要在属性发生变化时重新渲染组件，可以使用React的forceUpdate方法来强制重新渲染组件。但一般情况下，应该尽量避免使用forceUpdate，而是通过正确地管理组件的状态和属性来实现性能优化。

总结起来，当React组件的属性发生变化时，默认情况下会重新渲染组件及其子组件。但React也提供了浅比较的优化机制，可以避免不必要的重新渲染。为了确保属性的内容变化能够触发重新渲染，可以使用不可变数据来管理属性。如果需要强制重新渲染组件，可以使用forceUpdate方法。