Material ui 支持永久夹式AppDrawer

我正试图做一个永久剪辑导航抽屉与材料用户界面根据

似乎对此有一个退出请求，但尚未合并：

在这个阶段，我试图用样式覆盖，但无法让我的左导航（纸）应用样式

marginTop:'50px'，

---

是否有一些示例介绍了如何使用v1.0.0-alpha.21实现这一点？

它们改变了您在v1中覆盖某些样式的方式。内联样式不再工作。可以使用应用于组件的简单类名覆盖组件的某些部分。有关更多详细信息，请参阅此链接

某些组件的某些更深层次的嵌套属性（即抽屉的高度）只能通过重写类本身来访问。在本例中，是drawer元素的paper类

这是一个简单的例子

import React, { Component } from "react";
import Drawer from "material-ui/Drawer";
import { withStyles, createStyleSheet } from "material-ui/styles";
import PropTypes from 'prop-types';

const styleSheet = createStyleSheet("SideNav", {
  paper: {
    marginTop: '50px'
  }
});

class SideNav extends Component {
  ....
  render() {
    return (
      <Drawer
        classes={{paper: this.props.classes.paper}}
        docked={true}
      >
      ....
      </Drawer>
    );
  }
}

SideNav.propTypes = {
  classes: PropTypes.object.isRequired
};

export default withStyles(styleSheet)(SideNav);

import React，{Component}来自“React”；
从“物料界面/抽屉”导入抽屉；
从“材质ui/样式”导入{withStyles，createStyleSheet}；
从“道具类型”导入道具类型；
const styleSheet=createStyleSheet（“SideNav”{
论文：{
marginTop:'50px'
}
});
类SideNav扩展组件{
....
render（）{
返回(
....
);
}
}
SideNav.propTypes={
类：PropTypes.object.isRequired
};
导出默认样式（样式表）（SideNav）；

Hmm…我已经根据抽屉文档中的CSS API完成了类重写，但我一定错过了什么。。所以，我将完全按照您的代码进行尝试。。谢谢，很有魅力！谢谢