我发现最好避免使用forceUpdate()。强制重新呈现的一种方法是在临时外部变量上添加render()依赖项，并在需要时更改该变量的值。

下面是一个代码示例:

class Example extends Component{
   constructor(props){
      this.state = {temp:0};

      this.forceChange = this.forceChange.bind(this);
   }

   forceChange(){
      this.setState(prevState => ({
          temp: prevState.temp++
      })); 
   }

   render(){
      return(
         <div>{this.state.temp &&
             <div>
                  ... add code here ...
             </div>}
         </div>
      )
   }
}

当你需要强制重新渲染时，调用this.forceChange()。

另一种方法是调用setState和preserve state:

this.setState（prevState=>（{...上一页状态}））;

实际上，forceUpdate()是唯一正确的解决方案，因为如果在shouldComponentUpdate()中实现了额外的逻辑，或者当它只是返回false时，setState()可能不会触发重新呈现。

强制更新（）

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

设置状态()

setState()总是会触发重新呈现，除非在shouldComponentUpdate()中实现了条件呈现逻辑。更多…

forceUpdate()可以通过this.forceUpdate()从组件中调用

钩子:如何在React中使用钩子强制组件重新渲染?

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

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

所以我想我的问题是:React组件需要有状态吗 要重新渲染?是否有一种方法强制组件更新 不改变状态的需求?

其他答案试图说明你可以这样做，但关键是你不应该这样做。即使是改变密钥这种俗气的解决方案也没有抓住重点。React的强大之处在于放弃手动管理内容何时应该呈现的控制，而只是关注内容应该如何映射到输入上。然后供给输入流。

如果您需要手动强制重新渲染，那么几乎可以肯定您做得不对。

我通过执行以下操作避免了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} />
)

所以通过这样的代码改进，你的组件将是唯一的，呈现自然

ES6 -我包括一个例子，这对我很有帮助:

在一个“简短的if语句”中，你可以像这样传递一个空函数:

isReady ? ()=>{} : onClick

这似乎是最短的方法。

()=>{}