スジ彫りのマサ

<a href="https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-wrap-multilines.md" target="_blank" rel="nofollow noopener noreferrer">公式ドキュメント</a> 
オプションが結構豊富でjsxを()で囲むこと自体必須では無いので設定に悩む。。
<div class="code-block-container">
<div class="code-block-filename-container">.eslintrc.js</div>
<pre class="language-js"><code class="language-js">{
 "declaration": "parens",
 "assignment": "parens",
 "return": "parens",
 "arrow": "parens",
 "condition": "ignore",
 "logical": "ignore",
 "prop": "ignore"
}

</code></pre>
</div>この設定がコードが一番綺麗に見えるようになった！！
<div class="code-block-container">
<div class="code-block-filename-container">.eslintrc.js</div>
<pre class="language-js"><code class="language-js">{
 'declaration': 'ignore',
 'assignment': 'parens-new-line',
 'return': 'parens-new-line',
 'arrow': 'parens-new-line',
 'condition': 'ignore',
 'logical': 'parens',
 'prop': 'parens-new-line'
},
</code></pre>
</div>三項演算子は()つけない方が見やすくなった！！