javascript - 避免在事件发生之前在 getDefaultProps 中声明大对象

Question

标题可能不是描述问题的最佳方式，但我想知道是否有更好的做法在 getDefaultProps 中声明对象？

在我的 render 方法中，我从 prop/state 中调用几个键，这些键在点击事件上更新，即 this.props.player.name。问题在于，页面加载时 this.props.player 为空白，并且调用 .name 出错。我知道我可以做类似的事情...

getDefaultProps: 函数() {
返回 {
玩家:{
名称:空，
团队:空
位置:空
}
};
}

但是感觉不太对劲。我希望可能有类似于 Ruby 的 .try() 方式，它不会尝试调用未定义的 prop 上的方法。

Answer 1

问题具体在于 this.props.player 是 未定义，如果您定义一个空对象，它将防止错误发生。删除您预期的键并不是一个坏习惯，但将默认值设置为 {} 将足以防止它抛出。