Alignment 代码对齐

  • 遵循以下的JSX语法缩进/格式. eslint: react/jsx-closing-bracket-location react/jsx-closing-tag-location

    1. // bad
    2. <Foo superLongParam="bar"
    3.      anotherSuperLongParam="baz" />
    5. // good, 有多行属性的话, 新建一行关闭标签
    6. <Foo
    7.   superLongParam="bar"
    8.   anotherSuperLongParam="baz"
    9. />
    11. // 若能在一行中显示, 直接写成一行
    12. <Foo bar="bar" />
    14. // 子元素按照常规方式缩进
    15. <Foo
    16.   superLongParam="bar"
    17.   anotherSuperLongParam="baz"
    18. >
    19.   <Quux />
    20. </Foo>