当prop改变值时，React子组件会重新渲染

Question

根据标题，当prop更改值时，我的React子组件不会重新呈现。我在这里创建了一个例子：

https://codesandbox.io/s/x9mzwnj04p

我尝试使用ComponentWillReceiveProps，但它没有被调用。

Answer 1

您的变量名称错误。传递给子组件的prop名称称为someValues：

<ChildComponent handleClick={(e) => this.handleClick(e)} someValues={someValue} />

但是当你在孩子中分配它时，你输入了someValue，这是错过了＆＃39;

：

const { handleClick, someValue } = this.props

您需要修改名称并添加＆＃39;

：

const { handleClick, someValues } = this.props

然后在返回的JSX中更改它：

<span>{someValues ? 'true' : ' false'}</span><br /><br />