2015-12-05 5 views
0

Я пытаюсь использовать DropdownMenu от http://www.material-ui.com/#/components/dropdown-menu с этим стартовым комплектом https://github.com/kriasoft/react-starter-kit. Выпадающее меню появляется, но когда я нажимаю на него, он не отображает его список.Ошибка использования `DropdownMenu` материала-ui с реактивом

Вот мои шаги:

  1. npm install --save material-ui
  2. Добавьте следующие строки в render() в ContactPage.js:

    render() { 
        const title = 'Contact Us'; 
        this.context.onSetTitle(title); 
    
        let menuItems = [ 
        { payload: '1', text: 'Never' }, 
        { payload: '2', text: 'Every Night' }, 
        { payload: '3', text: 'Weeknights' }, 
        { payload: '4', text: 'Weekends' }, 
        { payload: '5', text: 'Weekly' }, 
        ]; 
        const DropDownMenu = require('material-ui/lib/drop-down-menu'); 
    
        return (
        <div className="ContactPage"> 
         <div className="ContactPage-container"> 
         <h1>{title}</h1> 
         <p>...</p> 
         <DropDownMenu menuItems={menuItems}/> 
         <AceEditor /> 
         </div> 
        </div> 
    ); 
    } 
    
  3. npm start

Кто-нибудь знает почему? Спасибо заранее.

+0

У вас есть больше кода, вы можете показать? Я рекомендую проверить исходный код того, как они это делают, там docs - https://github.com/callemall/material-ui/blob/master/docs/src/app/components/pages/components/drop-down-menu .jsx http://www.material-ui.com/#/components/dropdown-menu –

+0

Добавлен больше кода. Я думаю, что это предположение вызвано ** изоморфными ** связанными настройками в стартовом наборе – soulmachine

ответ