Parentheses 括号

  • 将多行的JSX标签写在 ()里. eslint: react/jsx-wrap-multilines

    1. // bad
    2. render() {
    3.   return <MyComponent className="long body" foo="bar">
    4.            <MyChild />
    5.          </MyComponent>;
    6. }
    8. // good
    9. render() {
    10.   return (
    11.     <MyComponent className="long body" foo="bar">
    12.       <MyChild />
    13.     </MyComponent>
    14.   );
    15. }
    17. // good, 单行可以不需要
    18. render() {
    19.   const body = <div>hello</div>;
    20.   return <MyComponent>{body}</MyComponent>;
    21. }