Javascript 我可以在语义UI React'中指定分隔符或标题吗；下拉组件的s选项数组？

我正在使用ReactJS并使用ReactJS的SemanticUI来设计前端

是否可以在下拉组件的对象选项数组中指定或

---

我从文档中得到的印象是，这还不受支持。

我通过在选项数组中更改为object来解决这个问题，以拥有更多属性（允许您自定义内容）：

{
文本：“YouGov过滤器”，
值：“yougov头”，
内容：，
残疾人士：对
},

---

这可能不是实现我想要的目标的理想方式，因为我必须将disabled设置为true（我不希望它成为可选选项），这意味着它采用了灰显的“disabled”样式。我试图通过为标题指定一种颜色来解决这一问题，这导致禁用的样式应用于青色之上，这并不完美，但现在就可以了。

另一种解决方法是通过贴图数组：

const options = [
    {
        text: "note",
        icon: 'sticky note outline',
        description: 'test',
    },
    {
        divider: true
    },
    {
        text: "task",
        icon: 'calendar check outline',
        description: 'test',
    },

];

return (
    <Dropdown className='multicontent__button' text='add new' button>
        <Dropdown.Menu>
            <Dropdown.Header icon='tags' content='Tag Label' />
            {options.map((option, i) => {
                if (option.divider === true) return (<Dropdown.Divider key={i}/>);
                return (
                    <Dropdown.Item
                        key={i}
                        text={option.text}
                        icon={option.icon}
                        description={option.description}
                        action={option.action}
                        onClick={this.handleOption}
                    />
                );
            })}
        </Dropdown.Menu>
    </Dropdown>
);

const选项=[
{
正文：“注”，
图标：“便笺大纲”，
描述：'测试'，
},
{
对
},
{
文本：“任务”，
图标：“日历检查大纲”，
描述：'测试'，
},
];
返回(
{options.map（（option，i）=>{
if（option.divider==true）返回（）；
返回(
);
})}
);
B先生的解决方案是天才。只要稍微修改一下his，它就会更干净：

function FragmentWithoutWarning({key, children}) {
  // to get rid of the warning:
  // "React.Fragment can only have `key` and `children` props."
  return <React.Fragment key={key}>{children}</React.Fragment>;
}

// then just:

{
  as: FragmentWithoutWarning,
  content: <Header content="YouGov Filters" color="teal" size="small" />
}

没有警告的函数片段（{key，children}）{
//要消除警告，请执行以下操作：
//“React.Fragment只能有'key'和'children'道具。”
返回{children}；
}
//那么就：
{
as：没有警告的碎片，
内容：
}

由于
无法捕获任何事件，因此您甚至不必禁用该项

function FragmentWithoutWarning({key, children}) {
  // to get rid of the warning:
  // "React.Fragment can only have `key` and `children` props."
  return <React.Fragment key={key}>{children}</React.Fragment>;
}

// then just:

{
  as: FragmentWithoutWarning,
  content: <Header content="YouGov Filters" color="teal" size="small" />
}