小数点以下の小数点以下の値を返すと、子孫の小数点が再描画されます

Question

タイトルごとに、小道具の値が変更されたときにReact子コンポーネントが再レンダリングされません。私はここで例を作成しました：

https://codesandbox.io/s/x9mzwnj04p

を私はComponentWillReceivePropsを使用してみましたが、それは呼び出されません。

Answer 1

変数名が間違っています。あなたは、子コンポーネントに伝承小道具名someValuesと呼ばれている：

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

しかし、あなたは「s」を欠けているsomeValueを、入力した子でそれを割り当てる：

const { handleClick, someValue } = this.props 

あなたがする必要があります名前を修正すると「s」を追加します。その後、

const { handleClick, someValues } = this.props 

、返さJSXでそれを変更します。

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