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 code style 與Web Storm Editor提供JSX語法很好的支持。

注：可以自動網絡風暴中心從Settings->Code Quality

---

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

Answer 2

申請的Airbnb風格找到了很好的風格指南這裏 https://github.com/airbnb/javascript/blob/master/react/README.md