材质UI选项卡如何更改方向

Question

到目前为止，我尝试使用带有断点选择器的自定义CSS，但是我想使其更加素材，为什么没有自定义样式和状态？有例子吗？

有没有更好的方法建议

 <Tabs
   value={this.state.tab.value}
   orientation={"horizontal"} <-- to change vertical or horizontal depends on

Answer 1

试试这个

import withWidth, { isWidthUp } from "@material-ui/core/withWidth";
    
    let condTabOrientation;
      if (isWidthUp("sm", props.width)) {
        condTabOrientation = "vertical";
      } else {
        condTabOrientation = "horizontal";
      }
    
    
    <Tabs
    orientation={condTabOrientation}     
     />
    
    export default withWidth() (UserAccount);

查看更多断点文档

https://material-ui.com/customization/breakpoints/#withwidth-options-higher-order-component