javascript - 如何强制子组件重新渲染？

Question

我目前正在初始化父组件中的子组件并将它们放入一个数组中。我正在将一个函数传递给刚刚获得状态的 child Prop 。

 <QuestionContainer
    error={ () => this.state.currentError }
 />

问题是，当我在父级执行 this.setState({ currentError: x }) 时，子级不会重新渲染，因为 error prop 实际上并没有改变。我试过 this.forceUpdate 但没有成功。

我知道我可以用一种不需要将子组件初始化为数组的方式来设计它，但我想知道在这种情况下我将如何强制重新渲染。

Answer 1

<QuestionContainer
    error={ () => this.state.currentError }
    ref="container"
 />

然后

this.refs.container.forceUpdate()

不知道这是不是更好的方法