我如何使用导出导出material -ui组件

Question

我想使用react和material-ui和withStyles导出样式化的文本链接组件，但是我的代码返回：

橡子错误：简写属性分配仅在解构模式中有效（14：9）

随着断点在第14行

12  exports.default = styles_1.withStyles({
13      text,
14      type = "", // Error happens here
15      align = "",
16      className = "",
17      to = "",
18  })(styles);

---

引用TextLink组件的代码：

import TextLink from '../components/TextLink'

<div>
    <TextLink to="/sign-up" type="body1" align="center" className="testing" text="Sign up" />
</div>

文字链接组件：

import * as React from 'react';
import { Link } from "react-router-dom";
import Typography from 'material-ui/Typography';
import { withStyles } from 'material-ui/styles';
import * as PropTypes from 'prop-types'

const styles = {
  testing: {
    color: 'green'
  },
};

export default withStyles({
  text, 
  type = "",
  align = "",
  className = "",
  to = "",
})(styles) =>
  <Typography 
    type={`${type}`} 
    align={`${align}`}> 
      <Link
        to={`${to}`}
        className={`${className}`}
      > 
        {text}
      </Link>
  </Typography>;

编辑：作为对蒂莫答案的回应。 如果没有这样的样式，则textlink组件可以正常工作：

export default ({
  text, 
  type = "",
  align = "",
  className = "",
  to = ""
}) =>
  <Typography 
    type={`${type}`} 
    align={`${align}`}> 
      <Link
        to={`${to}`}
        className={`${className}`}
      > 
        {text}
      </Link>
  </Typography>;

Answer 1

这根本不是您在JS中定义对象的方式。

使用冒号将键与值分开：

exports.default = styles_1.withStyles({
    text,
    type: "",
    align: "",
    className: "",
    to: ""
})(styles);