Js-beautify: jsxフォーマットの複数行属性を台無しにする

作成日 2016年04月08日 · 5コメント · ソース: beautify-web/js-beautify

最新バージョンをインストールしました。私のファイルはBabelJSファイルとして開かれ、構成ファイルで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 評価