我认为使用参考对我来说是安全的，不需要关心上面的一些方法。

class Company extends XComponent {
    constructor(props) {
        super(props);
        this.data = {};
    }
    fetchData(data) {
        this.resetState(data);
    }
    render() {
        return (
            <Input ref={c => this.data['name'] = c} type="text" className="form-control" />
        );
    }
}
class XComponent extends Component {
    resetState(obj) {
        for (var property in obj) {
            if (obj.hasOwnProperty(property) && typeof this.data[property] !== 'undefined') {
                if ( obj[property] !== this.data[property].state.value )
                    this.data[property].setState({value: obj[property]});
                else continue;
            }
            continue;
        }
    }
}

componentWillReceiveProps在react 16中被描述:使用getDerivedStateFromProps代替

如果我理解正确的话，你有一个父组件，它将start_time传递给ModalBody组件，该组件将它分配给自己的状态?并且您希望从父组件而不是子组件更新该时间。

React提供了一些处理这种情况的技巧。(注意，这是一篇已经从网上删除的旧文章。这里有一个关于组件道具的当前文档的链接)。

在getInitialState中使用道具生成状态通常会导致“真实源”的复制，即真实数据所在的位置。这是因为getInitialState只在组件第一次创建时被调用。 在任何可能的情况下，实时计算值，以确保它们不会在以后失去同步并引起维护问题。

基本上，无论何时你将父元素的道具赋值给子元素的状态，渲染方法并不总是在道具更新时被调用。您必须使用componentWillReceiveProps方法手动调用它。

componentWillReceiveProps(nextProps) {
  // You don't have to do this check first, but it can help prevent an unneeded render
  if (nextProps.startTime !== this.state.startTime) {
    this.setState({ startTime: nextProps.startTime });
  }
}

显然，事情正在发生变化....getDerivedStateFromProps()现在是首选函数。

class Component扩展了React。组件{ 静态getDerivedStateFromProps(props, current_state) { 如果(current_state。值!== props.value) { 返回{ 价值:props.value, computed_prop: heavy_computation (props.value) ｝ ｝ 返回null ｝ ｝

(以上代码由danburzo @ github)

还有componentDidUpdate可用。

函数signatur:

componentDidUpdate(prevProps, prevState, snapshot)

将此作为更新组件时对DOM进行操作的机会。在初始渲染时不会被调用。

参见您可能不需要派生状态文章，该文章描述了componentDidUpdate和getDerivedStateFromProps的反模式。我发现它很有用。

我认为使用参考对我来说是安全的，不需要关心上面的一些方法。

class Company extends XComponent {
    constructor(props) {
        super(props);
        this.data = {};
    }
    fetchData(data) {
        this.resetState(data);
    }
    render() {
        return (
            <Input ref={c => this.data['name'] = c} type="text" className="form-control" />
        );
    }
}
class XComponent extends Component {
    resetState(obj) {
        for (var property in obj) {
            if (obj.hasOwnProperty(property) && typeof this.data[property] !== 'undefined') {
                if ( obj[property] !== this.data[property].state.value )
                    this.data[property].setState({value: obj[property]});
                else continue;
            }
            continue;
        }
    }
}

来自react文档:https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html

道具改变时擦除状态是一种反模式

自React 16起，componentWillReceiveProps已弃用。从react文档来看，在这种情况下推荐的方法是使用

Fully controlled component: the ParentComponent of the ModalBody will own the start_time state. This is not my prefer approach in this case since i think the modal should own this state. Fully uncontrolled component with a key: this is my prefer approach. An example from react documentation : https://codesandbox.io/s/6v1znlxyxn . You would fully own the start_time state from your ModalBody and use getInitialState just like you have already done. To reset the start_time state, you simply change the key from the ParentComponent