Js-beautify: 搞乱jsx格式化多行属性

创建于 2016-04-08 · 5评论 · 资料来源: beautify-web/js-beautify

我已经安装了最新版本。我的文件以Babel JS文件的形式打开，并且我的配置文件中的e4x设置为true。这是我目前所拥有的：

return (
  <a href="#"
    onClick={e => {
      e.preventDefault()
      onClick()
    }}>
    {children}
  </a>
);

但是，格式化后将变为：

return ( < a href = "#"
  onClick = {
    e => {
      e.preventDefault()
      onClick()
    }
  } > { children } < /a>
);

我需要更改什么才能正确格式化文件，或者至少不弄乱文件？

bug

资料来源

buinauskas

最有用的评论

谢谢！我已将其添加到下一版本的列表中。

bitwiseman 于 2016-05-01

👍4

所有5条评论

您设置了e4x=true吗？

bitwiseman 于 2016-04-11

@bitwiseman是的，我做到了。

buinauskas 于 2016-04-11

我也是e4x=true ！真的很奇怪：喜悦：

Firef0x 于 2016-05-01

谢谢！我已将其添加到下一版本的列表中。

bitwiseman 于 2016-05-01

👍4

这是我发现的有关此问题的信息：

// successful - no change
return(
    <a href="#" onClick={e => {      e.preventDefault()      onClick()}}>
    {children}
  </a>
);


// successful - no change
return <b><a href="#"
    onClick={e => {
      e.preventDefault()
      onClick()
    }}>
    {children}
  </a></b>;

// failure - adds spaces 
return <a href="#"
    onClick={e => {
      e.preventDefault()
      onClick()
    }}>
    {children}
</b>;

bitwiseman 于 2016-08-09

此页面是否有帮助？

0 / 5 - 0 等级