javascript – 导出默认和声明anon功能的所有功能

这是我想要做的事情的一个例子,目前抛出一个错误.我不确定我理解为什么,但导出,分配默认值以及在一行上分配变量在语法上是不正确的.使它成为一个匿名函数的好处是我可以使用胖箭头=>并使用(和)打开返回值,而不是打开{和}来返回jsx.

export default let Checkbox = (props) => (
  <div style={styles.checkboxContainer}>
    <input styleName={styles.checkbox} type="checkbox" />
    <span styleName={styles.checkboxStyled}></span>
  </div>
)

有没有办法在一行中完成这一切？我不能/为什么不在规范中有充分的理由吗？

解决方法:

将变量声明与默认导出混合是没有意义的.如果需要,可以对命名导出执行此操作,但不能对默认导出执行此操作.

您的替代方案是：

>不要声明变量.毕竟,您只想导出一个值：

export default (props) => (
    …
);

>声明变量并将其导出为两个单独的声明：

let Checkbox = (props) => (
    …
);
export default Checkbox;

如果你需要绑定到变量,因为你想(重新)赋值给它(如我所知),请使用

export {Checkbox as default};

>使用适当的函数声明(也绑定局部变量)：

export default function Checkbox(props) {
    return …
}

如果您不需要,还可以导出未命名的函数声明.

标签：javascript,ecmascript-6,babeljs
来源： https://codeday.me/bug/20191003/1850124.html