javascript - 导出默认值并声明匿名函数

Question

这是我想要执行的操作但当前抛出错误的示例。我不确定我是否理解为什么，但在一行上导出、分配默认值和分配变量在语法上并不正确。让它成为一个匿名函数的好处是我可以使用粗箭头 => 并使用 ( 和 ) 打开返回值而不是打开 { 和 } 来 return jsx。

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

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

Answer 1

如果需要，您可以对命名导出执行此操作，但不能对默认导出执行此操作。

您的替代方案是:

• 不要声明变量。毕竟，您只想导出单个值:

  export default (props) => (
      …
  );
  

• 声明变量并在两个单独的声明中将其导出:

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

  如果您需要绑定(bind)到变量，因为您想(重新)分配给它(如let建议的那样)，请使用

  export {Checkbox as default};
  

• 使用正确的函数声明(也绑定(bind)局部变量):

  export default function Checkbox(props) {
      return …
  }
  

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