ここの例のように AppBar を IconMenu で動作させようとしていますが、メニューはポップアップしません。これは私のコードです(サンプルコードの正確なコピー):
import React from 'react'
import ReactDOM from 'react-dom'
import AppBar from 'material-ui/lib/app-bar';
import IconButton from 'material-ui/lib/icon-button';
import NavigationClose from 'material-ui/lib/svg-icons/navigation/close';
import IconMenu from 'material-ui/lib/menus/icon-menu';
import MoreVertIcon from 'material-ui/lib/svg-icons/navigation/more-vert';
import MenuItem from 'material-ui/lib/menus/menu-item';
const AppBarExampleIconMenu = () => (
<AppBar
title="Title"
iconElementLeft={<IconButton><NavigationClose /></IconButton>}
iconElementRight={
<IconMenu
iconButtonElement={
<IconButton><MoreVertIcon /></IconButton>
}
targetOrigin={{horizontal: 'right', vertical: 'top'}}
anchorOrigin={{horizontal: 'right', vertical: 'top'}}
>
<MenuItem primaryText="Refresh" />
<MenuItem primaryText="Help" />
<MenuItem primaryText="Sign out" />
</IconMenu>
}
/>
);
ReactDOM.render(<AppBarExampleIconMenu />, document.getElementById('App'));
AppBar は問題なく表示されますが、メニュー アイコンをクリックしても反応しません。これは、Google Chrome の反応プラグインに表示されるものです。
「null」の行が問題に関係していると思います...?
(material-ui 0.14.2、react 0.14.6 を使用)
