Image组件

import React, { Component, PropTypes } from 'react'; import ContextMenu from './ContextMenu'; class Image extends Component { render() { return ( 
  
  
 ); } } export default Image;

ContextMenu组件

import React, { Component, PropTypes } from 'react'; class ContextMenu extends Component { handleContextMenu(event) { event.preventDefault(); console.log(event); } render() { return ( 
 { React.Children.map(this.props.children, (child) => { return (  ) }) } 
 ); } } export default ContextMenu;

渲染出来的是：

用这种方式实现走不通，并没有把child解析出来而是返回了标签，还有其他办法可以实现绑定props.children的事件么？

测试地址：http://codepen.io/sanonz/pen/LZNBrg/