如何在Reactjs中导出带有样式的无状态功能组件

Question

我有一个名为 MyButtons.js 的文件，我想从中导出两个无状态功能组件，其中一个包含一个style变量。但我收到以下错误。

路径/to/MyButtons.js

SyntaxError：path/to/MyButtons.js：当前未启用对实验性语法“exportDefaultFrom”的支持 (64:8)：

64 | 64 导出 withStyles(styles)({ AllButtonsRow, UDButtons, });

我究竟做错了什么？

我的按钮.js

import React from 'react';
import { withStyles, } from '@material-ui/core';

const styles = theme => ({
  button: {
    margin: theme.spacing.unit,
  },
});

const MyRegularButton = props => (<Button>Click me!</Button>);

const MyStyledButton = props => (<Button className={classes.button}>Click me!</Button>);

export withStyles(styles)({ MyRegularButton, MyStyledButton, });

Answer 1

您忘记了default关键字：

export default withStyles(styles)({ MyRegularButton, MyStyledButton })