为什么在SetState之后调用getDerivedStateFromProps？

Question

React引入了新的静态方法GetDerivedStateFromProps(props，state)，它在每个呈现方法之前都会被调用，但为什么呢？在prop change之后调用它对我来说是有意义的，但是在setstate之后调用它就没有意义了，也许我错过了什么。

我根据公司的要求创建了一个datepicker组件，在组件中日期是从道具控制的。我在组件中有以下状态。

selectedDate: number;
selectedMonth: number;
selectedYear: number;
currentMonth: number;
currentYear: number;
view: string;

是的，我在state中创建了一个额外的变量来跟踪GetDerivedStateFromProps是否由于SetState而被调用，但我认为这不是正确的方法。

或者是我做错了什么或者遗漏了什么，或者GetDerivedStateFromProps不应该在SetState之后调用。可能我做错了什么。

Answer 1

我做了这样的事

constructor(props) {
    super(props);
    this.state = {
        expanded: props.expanded,
        ownUpdate: false
    }
}

static getDerivedStateFromProps(props, state) {
    if (state.ownUpdate) {
        return {
            expanded: state.expanded,
            ownUpdate: false
        };
    } else if (props.expanded !== state.expanded) {
        return {
            expanded: props.expanded
        };
    }
    return null;
}

toggle() {
    this.props.onAftePress(this.state.expanded, this.props.index);
    this.setState({
        expanded: !this.state.expanded,
        ownUpdate: true
    })
}