您可以禁用语义 UI 中的选项卡吗？

Question

可以禁用 semantic-ui Tab

上的标签

Answer 1

改变

 <a class="item" data-tab="examples">Examples</a>

至

<span class="item disabled">Examples</span>

似乎可以解决问题。

Answer 2

如果有人试图使用窗格禁用带有语义 UI React 的选项卡，这可以通过将 menuItem 包装在 <Menu.Item/>.

中来完成

const panes = [
  {
    menuItem: "Menu 1", // <-- a string
    render: () => (
      <Tab.Pane attached={false}>
        <Stuff1/>
      </Tab.Pane>
    ),
  },
  {
    menuItem: <Menu.Item disabled>Menu 2</Menu.Item>, // <-- a menu item
    render: () => (
      <Tab.Pane attached={false}>
        <Stuff2/>
      </Tab.Pane>
    ),
  },
];

return (
  <Tab
    fluid
    menu={{ secondary: true, pointing: true, widths: panes.length }}
    panes={panes}
  />
);