React.js輸入性能

Question

我嘗試使用EN值（左列輸入）和RU值（右列輸入）在頁面上設置一些輸入。 EN值輸入是隻讀的。帶RU值的輸入可以更改。

更改後我可以將我的新值發佈到服務器。

我不明白： 在文件腳本/ react/components/InputsRow.js：61我有一個DIV元素，並且都是OK。 Github link

render: function() { 
var result = this.state.data, 
    keys = result.keys, 
    values = result.values, 
    locale_id = result.locale_id, 
    project_id = result.project_id, 
    version_id = result.version_id, 
    self = this; 

console.log('<InputsRow /> render'); 

var inputNodes = keys.map && keys.map(function(item, keyIndex) { 
    var keyId = item.id; 
    return (
    <div className="row" key={keyIndex} className={'inputs-row ' + (item.disabled ? 'inputs-row_disabled':'')}> 
     <div className="col-md-12"> 
     <div className="col-md-6 form-group"> 
      <div className="input-group"> 
      <div className="input-group-addon"> 
       <i className="fa fa-info fa-fw"></i> 
      </div> 
      {/*<input className="key-input form-control" value={item.name} onClick={self.onInputKeyClick.bind(self,item)} readOnly />*/} 
      <div className="key-input form-control">{item.name}</div> 
      </div> 
     </div> 
     <LocalValues localObj={values[keyId]} locale_id={locale_id} project_id={project_id} sendItem={self.sendItem} key_id= {keyId}/> 
     </div> 
    </div> 
); 
}); 
return (
    <div> 
    <div>{inputNodes}</div> 
    </div> 
) 

}，

如果試圖取消註釋線60和註釋行61 - 你得到一個問題 'RU輸入'。當你輸入的任何符號 - 它會工作這麼慢...

我有最好的聲明中混帳回購協議這一問題：

https://github.com/maxfarseer/react-inputs

附： 'RU inputs'=右欄。

Answer 1

在我的情況下，它是鉻錯誤（？）。 我每晚都下載chrome並且沒有性能問題。嘗試在上一次Safari中做同樣的事情 - 再次沒有問題。 我嘗試禁用所有擴展並嘗試禁用此輸入上的所有引導樣式 - 未發生。

（穩定）鉻43.0.2357.130（64位）具有性能比較問題

（夜間）鉻45.0.2452.0金絲雀（64位） - 沒有問題

（穩定）的Safari 8.0.7 （10600.7.12） - 沒有問題