确保数据存在＆＃34;。 React，还是Endpoint？

Question

我有一个关于SPA的Flux / React的更多最佳实践问题，从REST端点获取大部分数据。

在React组件渲染功能中，当我执行以下操作时：

<MyComponent data={this.state.data} /> 

然后在组件中，我使用{this.props.data}，无论是绘制图形，文本等等，如果数据未定义或偶尔出现问题，显然会导致问题，0。

假设这些数据存在于商店中并被提取aysnc（因此一旦加载应用程序也不会存在），哪里最有意义的是“检查”或“确保”数据被定义并且是一个不会打破子组件的值？我应该在商店中初始化数据结构是否所有空值/空值，或者使我的端点以类似的方式返回整个数据结构？或者，在实际组件中进行数据验证并将其丢弃是否有意义：

if (!(typeof(this.props.data) === "undefined")) {
     Render Component as normal
    } else {
             Return null or an empty div or whatever
    }

我觉得应该有一个解决这个问题的基本方法，但是我觉得我一直在追逐一些破坏机会undefined / null / 0值“穿透”的小东西，例如画一个D3甜甜圈图表和数组中的每个值都是0.

谢谢！