打开输入时如何设置默认值？

Question

我有一个输入组件，我想在打开它时设置默认值（例如设置display property block ），然后可以控制输入。 代码示例

我尝试使用componentWillReceiveProps或新的生命周期getDerivedStateFromProps 。 但是我发现一些文章说这是反模式。

有没有更好的方法可以实现我的目标？

Answer 1

getDerivedStateFromProps是一个不错的选择，将以下代码添加到您的InputForm中：

static getDerivedStateFromProps(nextProps, state){
    if(nextProps.show && !state.show) {
        return {
          show: true,
          value: 'default value'
        }
    }
    return null;
}

https://jsfiddle.net/dkhz32x9/