Я пытаюсь использовать DropdownMenu
от http://www.material-ui.com/#/components/dropdown-menu с этим стартовым комплектом https://github.com/kriasoft/react-starter-kit. Выпадающее меню появляется, но когда я нажимаю на него, он не отображает его список.Ошибка использования `DropdownMenu` материала-ui с реактивом
Вот мои шаги:
npm install --save material-ui
Добавьте следующие строки в
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> ); }
npm start
Кто-нибудь знает почему? Спасибо заранее.
У вас есть больше кода, вы можете показать? Я рекомендую проверить исходный код того, как они это делают, там 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 –
Добавлен больше кода. Я думаю, что это предположение вызвано ** изоморфными ** связанными настройками в стартовом наборе – soulmachine