【问题标题】:material ui Tabs unclickable材料 ui 选项卡不可点击
【发布时间】:2016-02-04 00:43:32
【问题描述】:

material-ui 中的选项卡不可点击。什么都没有发生,然后我点击它们。 代码很简单:

 `var Tabs = React.createClass ({
   render: function() { 
    return (
        <Tabs>
            <Tab label="1">
              <p>hello 1</p>
            </Tab>
            <Tab label="2"/>
              <p>hello 2</p>
            </Tab>
        </Tabs>
    );
   }
  });`

但在页面上,我看到打开第一个选项卡的这些选项卡,然后单击第二个选项卡没有任何反应。尝试了不同的浏览器。会出什么问题?

【问题讨论】:

    标签: javascript reactjs material-ui


    【解决方案1】:

    您必须添加此代码:

    var injectTapEventPlugin = require("react-tap-event-plugin");
    injectTapEventPlugin();
    

    我想知道为什么他们的示例中没有明确提及。

    【讨论】:

    • installation 页面上有提及。
    • 是的,过了一段时间才注意到……经典的 rtfm 场景
    • 值得称赞的是,他们一直在不断改进他们的文档,这是他们提交的重要组成部分。当文档“更简单”时,这不是什么大问题(他们只有最重要的东西:))。随着内容的增长,一些责任现在已经转移到了读者身上。也许如果他们在网站上添加故障排除部分,人们会首先查看那里,因为这似乎是图书馆用户真正常见的问题。
    • 我也有同样的问题。自从我更新到 Material-UI 的 15.2 版以来,选项卡可以通过键盘导航,但不能通过鼠标导航。我已经注入了如上所示的插件,但无济于事。
    猜你喜欢
    • 2019-02-05
    • 1970-01-01
    • 2016-05-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-11-07
    • 1970-01-01
    • 2018-02-09
    相关资源
    最近更新 更多