Reactjs 重构以替换react原生项目中不推荐使用的生命周期挂钩

我从另一个开发人员那里继承了一些react本机代码，我注意到他们使用的是不推荐使用的生命周期挂钩，如下所示：

async UNSAFE_componentWillMount() {
    this.loadTimer(this.props);
}

UNSAFE_componentWillReceiveProps(nextProps) {
    if (
        this.props.started != nextProps.started ||
        this.props.stopped != nextProps.stopped ||
        this.props.duration != nextProps.duration
    ) {
        this.loadTimer(nextProps);
    }
}

我正在努力确定这些设备的最佳替代方案。我看到

getDerivedStateFromProps（）

是一个替代选项，但React团队也表示，这个生命周期挂钩几乎不应该是必要的。我不想只是为了让它工作而修改它，我想使用被认为是最佳实践的选项。也就是说，我在这里最优雅的选择是什么

我尝试使用

getDerivedStateFromProps（）

，但遇到了一个问题，我无法调用其他类方法，例如

this.loadTimer（）

，也无法访问与

this

有关的任何内容。那么，我应该/可以在这里交替处理这个问题吗