在类组件中，您可以调用this.forceUpdate()强制重新渲染。

文档：https : //facebook.github.io/react/docs/component-api.html

在函数组件中，没有等效的forceUpdate，但您可以设计一种使用useStatehook强制更新的方法。

forceUpdate应该避免，因为它偏离了 React 的思维方式。React 文档引用了一个何时forceUpdate可能使用的示例：

默认情况下，当您的组件的 state 或 props 发生变化时，您的组件将重新渲染。但是，如果这些隐式更改（例如：对象内部的数据更改而不更改对象本身）或者如果您的 render() 方法依赖于其他一些数据，您可以通过调用告诉 React 它需要重新运行 render()强制性升级（）。

但是，我想提出这样的想法，即即使使用深度嵌套的对象，forceUpdate也是不必要的。通过使用不可变数据源跟踪更改变得便宜；更改总是会产生一个新对象，因此我们只需要检查对对象的引用是否已更改。您可以使用库Immutable JS将不可变数据对象实现到您的应用程序中。

通常你应该尽量避免使用 forceUpdate() 并且只在 render() 中从 this.props 和 this.state 中读取。这使您的组件“纯”，并且您的应用程序更简单、更高效。强制性升级（）

更改要重新渲染的元素的键将起作用。通过 state 设置元素上的 key 属性，然后当您想要更新设置状态以拥有新键时。

<Element key={this.state.key} /> 

然后发生变化，您重置密钥

this.setState({ key: Math.random() });

我想指出，这将替换键正在更改的元素。这可能很有用的一个例子是当您有一个文件输入字段时，您希望在上传图像后重置该字段。

虽然 OP 问题的真正答案是forceUpdate()我发现此解决方案在不同情况下很有帮助。我还想指出，如果您发现自己在使用，forceUpdate您可能需要查看您的代码，看看是否有其他方法可以做事。

注 1-9-2019：

以上（更改键）将完全替换元素。如果您发现自己正在更新密钥以进行更改，则您的代码中的其他地方可能存在问题。使用Math.random()in 键将在每次渲染时重新创建元素。我不建议像这样更新密钥，因为 react 使用密钥来确定重新渲染事物的最佳方式。

其实，forceUpdate()是唯一正确的解决方案，setState()威力不触发如果额外的逻辑中实现重新绘制shouldComponentUpdate()或当它只是回报false。

强制性升级（）

调用forceUpdate()将导致render()在组件上调用，跳过shouldComponentUpdate(). 更多的...

设置状态（）

setState()除非在shouldComponentUpdate(). 更多的...

Hooks：如何强制组件在 React 中使用钩子重新渲染？

顺便说一句：你是在改变状态还是你的嵌套属性不传播？

• 如何更新 React 中的嵌套状态属性
• 沙盒

2021 年，这是强制更新 React 功能组件的官方方式。

const [, forceUpdate] = useReducer(x => x + 1, 0);

  function handleClick() {
    forceUpdate();
  }

我知道 OP 是用于类组件的。但是这个问题是在 2015 年提出的，现在钩子可用，许多人可能会forceUpdate在功能组件中搜索。这一点是给他们的。

我forceUpdate通过以下方式避免了

错误的方法：不要使用索引作为键

this.state.rows.map((item, index) =>
   <MyComponent cell={item} key={index} />
)

正确方法：使用数据 ID 作为键，它可以是一些 guid 等

this.state.rows.map((item) =>
   <MyComponent item={item} key={item.id} />
)

因此，通过进行此类代码改进，您的组件将是唯一的并自然呈现