标签标签材质ui

Question

不能在材质 ui 中的材质标签标签内使用链接标签 Tab 内的所有代码都不起作用

<Tabs>
             <Tab>
                 <Link
                     style={isActive(history, "/cart")}
                     to="/cart"
                >
                     Cart{" "}
                     <sup>
                         <small className="cart-badge">{itemTotal()}</small>
                     </sup>
                </Link>
             <Tab/>
<Tabs/>

Answer 1

根据文档Tab 不支持children。相反，您可以使用 component 道具。

https://material-ui.com/api/tab/#props

<Tabs>
   <Tab
      component={() => (
          <Link
             style={isActive(history, "/cart")}
             to="/cart"
             >
              Cart{" "}
              <sup>
                <small className="cart-badge">{itemTotal()}</small>
              </sup>
          </Link>
     )}/>
</Tabs>