React JSX 风格指南

Question

jsx 的标准样式是什么？特别是当 HTML 与 js 交织在一起时。返回后的括号是否在正确位置？任何人都知道任何不会把一切都搞砸的好的格式化程序？

render: function(){
    return (
      <li>
        <input id={this.props.id} type="checkbox" />
        <label htmlFor={this.props.id}>{this.props.tag}</label>
      </li>
    );
  }

Answer 1

我喜欢使用Airbnb 代码风格 ，Web Storm Editor为 jsx 语法提供了很好的支持。

注意：你可以在 Web Storm 中自动应用 Airbnb 风格Settings->Code Quality

render() {
  return (
    <MyComponent className="long body" foo="bar">
      <MyChild />
    </MyComponent>
  );
}