无法在 Redux + Typescript Connected 组件中使用静态 getDerivedStateFrom

Question

我无法使用连接到 Redux 的类组件中的static方法。打字稿报告

Argument of type 'typeof SAI' is not assignable to parameter of type 'ComponentType<IStateProps & IDispatchProps>'.
Type 'typeof SAI' is not assignable to type 'StatelessComponent<IStateProps & IDispatchProps>'.
Type 'typeof SAI' provides no match for the signature '(props: IStateProps & IDispatchProps & { children?: ReactNode; }, context?: any): ReactElement<any> | null'.

容器：

export interface IStateProps {
saiList: ISaiList
}
const mapStateToProps = (state: IRootState) => ({
saiList: SaiListSelector(state)
});
export interface IDispatchProps {
getSai: () => Dispatch<AnyAction>;
postSai: (saiList: ISaiList) => Dispatch<AnyAction>;
}
const mapDispatchToProps = (dispatch: Dispatch) => ({
getSai: () => dispatch<any>(getSaiList()),
postSai: (saiList: ISaiList) => dispatch<any>(postSaiList(saiList))
});
export default connect(mapStateToProps, mapDispatchToProps)(SAI);

组成部分：

interface ISAIState {
editActive: boolean;
localSai: ISaiList;
sortBy: string;
}
type ISaiProps = IStateProps & IDispatchProps;
export default class SAI extends React.Component<ISaiProps> {
public state: ISAIState = {
editActive: false,
localSai: [...this.props.saiList],
sortBy: 'default'
};
static getDerivedStateFromProps(props: ISaiProps, state: ISAIState) {
window.console.log(props, state);
}

这是@types/react-redux不是最新的问题还是我这边的问题？当我注释掉时

static getDerivedStateFromProps(props: ISaiProps, state: ISAIState) {
window.console.log(props, state);
}

方法，一切正常...

Answer 1

这是因为getDerivedStateFromProps期望返回对象。

来自官方文档：

getDerivedStateFromProps 在调用渲染之前被调用 方法，在初始装载和后续更新上。它应该 返回一个对象以更新状态，或返回 null 以不更新任何内容。