错误：未定义不是对象（正在评估'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，输出

Answer 1

似乎您缺少在react指令元素中提供与传入的propTypes有关的属性。因为这随后将监视这些属性值（反映作用域属性名称）并相应地填充prop。

所以：

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

箱子

Doc说：

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

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