Wygląda na componentWillReceiveProps
to, że w nadchodzących wersjach zostanie całkowicie wycofane na korzyść nowej metody cyklu życia getDerivedStateFromProps
: statycznej getDerivedStateFromProps () .
Po sprawdzeniu wygląda na to, że nie możesz teraz dokonać bezpośredniego porównania między this.props
i nextProps
, tak jak możesz w componentWillReceiveProps
. Czy można to obejść?
Ponadto zwraca teraz obiekt. Czy mam rację, zakładając, że wartość zwracana jest zasadniczo this.setState
?
Poniżej znajduje się przykład, który znalazłem online: Stan wyprowadzony z właściwości / stanu .
Przed
class ExampleComponent extends React.Component {
state = {
derivedData: computeDerivedState(this.props)
};
componentWillReceiveProps(nextProps) {
if (this.props.someValue !== nextProps.someValue) {
this.setState({
derivedData: computeDerivedState(nextProps)
});
}
}
}
Po
class ExampleComponent extends React.Component {
// Initialize state in constructor,
// Or with a property initializer.
state = {};
static getDerivedStateFromProps(nextProps, prevState) {
if (prevState.someMirroredValue !== nextProps.someValue) {
return {
derivedData: computeDerivedState(nextProps),
someMirroredValue: nextProps.someValue
};
}
// Return null to indicate no change to state.
return null;
}
}
componentWillReceiveProps