javascript - kendo-react-ui ：菜单未在 Select 事件中传递所选项目，有时在加载时抛出异常

Question

我几乎放弃了使用Menureact 组件和 react-wrapper 的类。

<Menu onSelect={this.onSelect}>
   <MenuItem text="First item">
       <MenuItem text="Child item"/>
   </MenuItem>
   <MenuItem text="Second item"/>
</Menu>

1. 我Menu使用 2 个嵌套menuItems使用渲染简单@kendo-react-layout并出现以下错误。

未捕获的错误：MenuItemInternal.render()：必须返回有效的 React 元素（或 null）。您可能返回了未定义、数组或其他一些无效对象。在 Invariant (invariant.js?4599:42) 在 ReactCompositeComponentWrapper._renderValidatedComponent (ReactCompositeComponent.js?d2b3:828) 在 ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js?d2b3:359) 在 ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js?d2b3:255)在 Object.mountComponent (ReactReconciler.js?399b:43) 在 ReactDOMComponent.mountChildren (ReactMultiChild.js?9682:234) 在 ReactDOMComponent._createInitialChildren (ReactDOMComponent.js?ab8a:701) 在 ReactDOMComponent.mountComponent (ReactDOMComponent.js?ab8a: 520) 在对象处。

2. 在此之前，我一直在尝试使用 jQuery 包装器的菜单，即@kendo-layout-react-wrapper. 然而，它渲染得很好，没有在选择事件对象中传递实际选定的项目，它必须通过 jQuery 获取。有时li项目不添加样式/css 类，因此很难使用 jQuery 获取选定的 menuItem。

有什么建议么？