3

ここの例のように 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 の反応プラグインに表示されるものです。

Google Chrome 反応プラグインのスクリーンショット

「null」の行が問題に関係していると思います...?

(material-ui 0.14.2、react 0.14.6 を使用)

4

0 に答える 0