2016-01-12 4 views
4

Я пытаюсь получить AppBar, работающий с IconMenu, как и пример here, но меню не будет всплывать. Это мой код (точная копия кода примера):Как получить меню AppBar, работающее в файле реакции-ui

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, реагируют плагин:

screenshot of google chrome react plugin

Я предполагаю, что линия с «нулевым» что-то делать с этой проблемой? ...

(с использованием материала-UI 0.14.2, 0.14.6 реагируют)

+3

Просто нашел решение, мое плохое: забыли добавить плагин action-tap-event-plug-in. Извините, что беспокоили вас всех ... – willemx

ответ

0

Пытались ли вы включать пусть родительские реквизита пройти? Как:

<IconMenu 
    iconButtonElement={ 
     <IconButton><MoreVertIcon /></IconButton> 
    } 
    targetOrigin={{horizontal: 'right', vertical: 'top'}} 
    anchorOrigin={{horizontal: 'right', vertical: 'top'}} 
    {...props} 
    > 
    <MenuItem primaryText="Refresh" /> 
    <MenuItem primaryText="Help" /> 
    <MenuItem primaryText="Sign out" /> 
    </IconMenu> 

я вещь AppMenu будет проходить «открыть» подпирать, чтобы IconMenu ему хорошо работать.