Reactjs 语义ui react下拉组件始终保持打开状态
我试图在菜单组件(Meteor应用程序)中使用语义ui react下拉组件。组件始终保持打开状态,最重要的是,完全在菜单组件内部呈现 代码如下:Reactjs 语义ui react下拉组件始终保持打开状态,reactjs,meteor,semantic-ui,Reactjs,Meteor,Semantic Ui,我试图在菜单组件(Meteor应用程序)中使用语义ui react下拉组件。组件始终保持打开状态,最重要的是,完全在菜单组件内部呈现 代码如下: render() { const { documents, columns, loading, className, } = this.props; const options = [ { key: 'default', value: 'default', text: 'Default grid', },
render() {
const {
documents, columns, loading, className,
} = this.props;
const options = [
{
key: 'default',
value: 'default',
text: 'Default grid',
},
{
key: 'edit',
value: 'edit',
text: 'Edit grid',
},
];
return (
!loading ? (
<div className="eb-list" >
<div className="eb-list-toolbar" >
<Menu borderless icon="labeled" >
<Menu.Item name="add" onClick={this.addDocument}><Icon name="add" />Nuovo</Menu.Item>
<Menu.Item name="edit" onClick={this.editDocument}><Icon name="edit" />Modifica</Menu.Item>
<Menu.Item name="copy"><Icon name="copy" />Duplica</Menu.Item>
<Menu.Item name="mass"><Icon name="tasks" />Modifica di massa</Menu.Item>
<Menu.Item name="delete" onClick={this.removeDocuments}><Icon name="delete" />Elimina</Menu.Item>
<Menu.Item position="right" header name="className" >{className}</Menu.Item>
<Dropdown item icon="" open={false} trigger={<Icon name="grid layout" />} options={options} />
</Menu>
</div>
<div className="eb-list-content" >
<AutoSizer defaultHeight={200} defaultWidth={500} >
{({ height, width }) => (
<Table
data={documents}
columns={columns}
ref={(t) => { this.handleTable = t; }}
onDoubleClickHandler={this.handleDoubleClick}
height={height}
width={width}
/>
)}
</AutoSizer>
</div>
</div>) : <Loading />
我不知道我做错了什么。我观察到子组件API的相同行为
有人能帮我吗 解决了强> 我忘了在custom.semantic.json中包含下拉列表的定义
{
"definitions" : {
"site": true,
"menu": true,
"icon": true,
"dropdown": true,
"modal": true,
"list": true
},
"themes": {
"amazon" : false,
"basic" : true,
"bookish" : false,
"bootstrap3" : false,
"chubby" : false,
"classic" : false,
"default" : true
}
}
现在它的工作如预期
{
"definitions" : {
"site": true,
"menu": true,
"icon": true,
"dropdown": true,
"modal": true,
"list": true
},
"themes": {
"amazon" : false,
"basic" : true,
"bookish" : false,
"bootstrap3" : false,
"chubby" : false,
"classic" : false,
"default" : true
}
}