小编abo*_*ery的帖子

我有一个像下面这样的 webpack 设置

test: /\.m?js$/,
exclude: /(node_modules|bower_components)/,
use: {
  loader: 'babel-loader?cacheDirectory',
  options: {
    presets: [
      '@babel/preset-env',
      '@babel/react', // Error: Plugin/Preset files are not allowed to export objects, only functions.
    ],
    plugins: [
      [
        '@babel/plugin-proposal-decorators',
        {
          legacy: true,
        },
      ],
      [
        '@babel/plugin-proposal-class-properties',
        {
          loose: true,
        },
      ],
    ],
  },
},

那么我还需要添加一个文件babel.config.js还是.babelrc再次将配置加倍？

如果我使用 vscode，我需要babel.config.js一些插件的这个文件吗？

引导scrollspy需要一个类nav的<ul>

如何在没有类的情况下使用自定义类nav？

像这样

<ul class="custom-class">
  <li><a href="#home"></a></li>
  <li><a href="#about"></a></li>
  ...
</ul>

谢谢.

我正在做这样的事情。

// theme.js

import { createMuiTheme } from '@material-ui/core/styles';

const theme = createMuiTheme({
  overrides: {
    MuiToolbar: {
      gutters: {
        [theme.breakpoints.up('sm')]: {
          paddingLeft: '16px',
          paddingRight: '16px',
        },
      },
    },
  },
  palette: {
    type: 'dark',
  },
});

export default theme;

错误信息：TypeError: Cannot read property 'breakpoints' of undefined。

1. 我想获取主题样式值并用于覆盖，如何修复此错误。

2. 对于所有主题样式/组件来说，24px 装订线对我来说太多了paper，我怎样才能轻松地用 16px 替换覆盖所有装订线？

非常感谢。

我试图在标题处写一个带有多菜单的主题,我应该nav为每个主题使用多标签吗？或者将它们全部包装在nav标签内？

这是示例代码.

header-a将nav标签内的所有内容包

header-b包装菜单和菜单里面的元素nav.

header-cnav每个内部包装菜单.

header-dnav在每个内部添加标签bar以包裹所有内容bar.

在这种情况下哪种方法会好？

非常感谢.

class MyDrawer extends Component {
  const modalOpen = this.state;

  render() {
    return (
      <div>
        <Drawer
          modal
          open={this.state.modalOpen} // <-- this line show error [eslint] Must use destructuring state assignment (react/destructuring-assignment)
          onClose={() => this.setState({ modalOpen: false })}
        >
        </Drawer>
      </div>
    );
  }
}

export default MyDrawer;

我尝试将行更改为，const { modalOpen } = this.state;但现在无法编译。

如何遵循规则并编辑代码以成功编译？