reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2025-07-22 22:19:48 +03:00
Code Issues Packages Projects Releases Wiki Activity

Replaced componentWillreceiveProps with getDerivedStateFromProps

Browse Source
This commit is contained in:
Bruno Fenzl 2020-09-25 10:12:14 +02:00
parent d49535da03
commit 0ae52223dc
2 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/react-json-tree/src/JSONNestedNode.tsx
View File

@ -145,11 +145,12 @@ export default class JSONNestedNode extends React.Component<Props, State> {
this.state = getStateFromProps(props);
}
UNSAFE_componentWillReceiveProps(nextProps: Props) {
static getDerivedStateFromProps(nextProps: Props, state: State): State | null {
const nextState = getStateFromProps(nextProps);
if (getStateFromProps(this.props).expanded !== nextState.expanded) {
this.setState(nextState);
if (nextState.expanded !== state.expanded) {
return nextState;
}
return null;
}
shouldComponentUpdate(nextProps: Props, nextState: State) {

18
packages/react-json-tree/src/index.tsx
View File

@ -16,13 +16,15 @@ import {
} from 'react-base16-styling';
import { CircularPropsPassedThroughJSONTree } from './types';
interface Props extends CircularPropsPassedThroughJSONTree {
data: any;
interface ThemesConf {
theme?: Theme;
invertTheme: boolean;
invertTheme?: boolean;
}
interface Props extends CircularPropsPassedThroughJSONTree, ThemesConf {
data: any;
}
interface State {
interface State extends ThemesConf {
styling: StylingFunction;
}
@ -133,14 +135,16 @@ export default class JSONTree extends React.Component<Props, State> {
this.state = getStateFromProps(props);
}
UNSAFE_componentWillReceiveProps(nextProps: Props) {
static getDerivedStateFromProps(nextProps: Props, state: State): State | null {
if (
['theme', 'invertTheme'].find(
(k) => nextProps[k as keyof Props] !== this.props[k as keyof Props]
(k) => nextProps[k as keyof ThemesConf] !== state[k as keyof ThemesConf]
)
) {
this.setState(getStateFromProps(nextProps));
return getStateFromProps(nextProps);
}
return null;
}
shouldComponentUpdate(nextProps: Props) {