Reactjs 如何在React固定数据表的单元格内使用物料ui图标菜单

Reactjs 如何在React固定数据表的单元格内使用物料ui图标菜单,reactjs,material-ui,fixed-data-table,iconmenu,Reactjs,Material Ui,Fixed Data Table,Iconmenu,我已经收集了一个网格的工作示例,并希望为网格的每一行在列中添加一个IconMenu。我看到了图标按钮,但当我点击它时,我没有看到菜单。下面是网格的代码 有没有人设法得到了工作的机会 require('fixed-data-table/dist/fixed-data-table.css'); var React=要求('React'); var PropTypes=React.PropTypes; var FixedDataTable=require('fixed-data-table'); va

我已经收集了一个网格的工作示例,并希望为网格的每一行在列中添加一个IconMenu。我看到了图标按钮,但当我点击它时,我没有看到菜单。下面是网格的代码

有没有人设法得到了工作的机会

require('fixed-data-table/dist/fixed-data-table.css');
var React=要求('React');
var PropTypes=React.PropTypes;
var FixedDataTable=require('fixed-data-table');
var Table=FixedDataTable.Table;
var Column=FixedDataTable.Column;
//材料界面
设MenuItem=require('material-ui/lib/菜单/菜单项');
让IconMenu=require('material-ui/lib/menu/icon-menu');
让IconButton=require('material-ui/lib/icon-button');
let Colors=require('material-ui/lib/style/Colors');
让MoreVertIcon=require('material-ui/lib/svg-icons/navigation/more-vert');
函数CellMenuRender(cellData、键、行数据、行索引、列数据、宽度){
让按钮=(
);
返回(
);
}
var samplesUltGrid=React.createClass({
道具类型:{
onContentDimensionsChange:PropTypes.func,
左:PropTypes.number,
顶部:PropTypes.number
},
getInitialState(){
var jsonText='[{“First”:“Joe”,“Last”:“Smith”,“Company”:“Joe's Garage”,“Email”:joe@smith.com},{“第一个”:“吉尔”,“最后一个”:“史密斯”,“公司”:“吉尔康复中心”,“电子邮件”:jill@smithers.com},{“第一个”:“布伦达”,“最后一个”:“琼斯”,“公司”:“食品艺术”,“电子邮件”:brenda@jones.com"}]';
让data=JSON.parse(jsonText);
控制台日志(数据);
返回{
行:数据
};
},
罗格特(索引){
返回此.state.rows[索引];
},
render(){
返回(
);
}
});
module.exports=SamplesSultGrid;
需要('fixed-data-table/dist/fixed-data-table.css')


这是行不通的。您必须在加载react组件的html页面中提供此css引用。

您找到了吗?@Elan cellRenderer不推荐使用,请改用cell