React之小知識點總結

      總結react中經常被忽略的小知識點

      1）即便state裏設置成和以前的值同樣，render也會從新渲染

      2）父組件傳給子組件的屬性（props是隻讀的，在子組件中已在this.state裏將屬性賦值給定義的變量），若是屬性在父組件中能夠操做改變值的話，那麼在子組件中就不建議修改，若是屬性在父組件不操做，那麼在子組件中就能夠修改

      3）經過bind綁定的函數，收到參數和事件時，事件會在參數後面，示例：

         <a  onClick={this.handleClick.bind(this, 'click')}>click</a>

         this.handleClick(param, event)   // 事件對象event要放在最後

      4）數組元素中的key應該在數組上下文中被指定，即當你使用一個listItem時，你應該將key放在listItem組件上，而不是listItem組件裏的元素上

      5）數組元素使用的key在其兄弟之間應該是惟一的，但在全局不須要惟一，好比，兩個不一樣的數組的元素的key能夠相同

      6）在構造函數裏定義的變量this.test，當改變this.test時，render不會從新渲染，只有狀態機state有更新時，render纔會從新渲染

      7）構造函數是惟一可以初始化this.state的地方，在其餘方法裏使用this.state是錯誤的，通常是經過this.setState()來更新變量

      8）jsx會移除空行，開始和結束的空格，字符串常量內部的換行會被壓縮成一個空格