Material-UI中的zDepth不起作用（React.js）

Question

也许我没有得到zDepth的概念。我有使用render方法的组件：

render() {
  return (
    <div>
      <AppBar
        zDepth={2}
        title="Some title"
        iconElementLeft={<IconButton onClick={this.handleToggle}><NavigationClose /></IconButton>}
      />
      <Drawer
        open={this.state.open}
        width={200}
        zDepth={1}>
        <MenuItem>Menu Item</MenuItem>
        <MenuItem>Menu Item 2</MenuItem>
      </Drawer>
    </div>
  )
}

我希望AppBar会在Drawer面前呈现。但它并没有这样做：

Result