Reactjs 使用带有React的材质ui的“DropdownMenu”时出错
我正在尝试使用此初学者工具包中的Reactjs 使用带有React的材质ui的“DropdownMenu”时出错,reactjs,material-ui,Reactjs,Material Ui,我正在尝试使用此初学者工具包中的下拉菜单。下拉菜单出现,但当我单击它时,它不会显示其列表 以下是我的步骤: npm安装--保存材料界面 将以下行添加到ContactPage.js中的render(): render() { const title = 'Contact Us'; this.context.onSetTitle(title); let menuItems = [ { payload: '1', text: 'Never' }, { payload: '
下拉菜单
。下拉菜单出现,但当我单击它时,它不会显示其列表
以下是我的步骤:
npm安装--保存材料界面
ContactPage.js
中的render()
:
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>
);
}
render(){
const title=‘联系我们’;
this.context.onSetTitle(标题);
让menuItems=[
{payload:'1',text:'Never'},
{有效载荷:“2”,文本:“每晚”},
{有效载荷:'3',文本:'Weeknights'},
{有效负载:“4”,文本:“周末”},
{payload:'5',text:'Weekly'},
];
常量下拉菜单=require('material-ui/lib/下拉菜单');
返回(
{title}
);
}
npm启动
injectTapEventPlugin()代码>您有更多的代码可以显示吗?我建议检查他们如何在那里做的文档的源代码-添加更多的代码。我认为这种猜测是由初学者工具包中的同构相关设置引起的