麻烦嵌套元素:Material UI Meteor React

时间:2016-03-22 17:51:10

标签: javascript meteor reactjs material-ui meteor-react

尝试使用meteor / react中的Material UI将IconButtonMenu添加到列表时,我收到此错误:

  

警告:propType失败:提供给rightIconButton的无效道具ListItem,预计会有一个ReactElement。检查Request的呈现方法。

我的代码如下:

var {
  List,
  ListItem,
  Divider,
  Styles,
  IconButton,
  IconMenu,
  MenuItem,
  MoreVertIcon
} = MUI;

const { NavigationMoreVert } = MUI.Libs;

Request = React.createClass({
  generateRequests(){
     if(this.props.claims){
        return this.props.claims.map((claim) => {
            return (
                <ListItem
                    primaryText={claim.username + " requested " + claim.portions + " portions"}
                    rightIconButton={
                        <IconMenu iconButtonElement={
                            <IconButton
                                touch={true}
                                tooltip="more"
                                tooltipPosition="bottom-left"
                                >
                                    <NavigationMoreVert color={Styles.Colors.grey400} />
                                </IconButton>
                        } >
                            <MenuItem primaryText="Reply" />
                            <MenuItem primaryText="Forward" />
                        </IconMenu>
                    }
                    style={{color: Styles.Colors.darkBlack}}
                />

            );
        });
    }
  },

  render(){
    return(
      <List subheader="Item Requests">
        <Divider />
        {this.generateRequests()}
      </List>
    );
  }

});

它似乎不喜欢嵌套元素。我尝试使用const作为the example in the docs does,但得到完全相同的错误消息。

0 个答案:

没有答案