错误：undefined不是对象（评估'this.props.menuOptions.map'）

Question

使用Angular，React和ReactNG，我收到此错误：

Error: undefined is not an object (evaluating 'this.props.menuOptions.map')

以下是代码：

http://jsbin.com/xuranipuza/1/edit?html,js,output

Answer 1

您似乎缺少在您的react指令元素中提供与您传入的propTypes相关的属性。因为它会监视这些属性值（反映范围属性名称）和相应地填充道具。

所以：

 <sidebar-button menu-options="menuOptions" button-image="buttonImage" 
                button-image-mini="buttonImageMini" menu-option-bottom="menuOptionBottom">
 </sidebar-button>

<强> Bin

Doc说：

  

reactDirective服务将读取React组件propTypes并使用这些名称监视属性。如果您的react组件没有定义propTypes，您可以传入一组属性名称进行监视。默认情况下，将按值监视属性，但您也可以通过提供监视深度属性来选择通过引用或集合进行监视。可能的值是reference，collection和value（默认值）。

免责声明：我之前没有使用过ng-react。