检查嵌套道具是否在 mapStateToProps 中未定义

Question

如果我们需要得到一个深度嵌套的 prop 并且值可能在每个级别都未定义。换句话说，我们需要检查每个级别的值是否未定义。什么是这样做的好习惯，或者完全避免这样做？

一个简单的二层例子，想象一下深度是五六...

const mapStateToProps = state => {
    return {
        formValues: state.form.section1 ? 
                      state.form.section1.input1? 
                        state.form.section1.input1.value 
                        : {} 
                      : {}
    };
};

我发现了这个帖子：Cannot read property something of null, mapStateToProps，但我怀疑如果树很高，这是否是一个好习惯。

Answer 1

我是这样处理这种情况的：

const mapStateToProps = state => {
return {
    formValues: state.form && state.form.section1 && state.form.section1.input1 ? 
      state.form.section1.input1.value : {}
   };
};

您可以避免嵌套三元运算，这是不好的做法。