Question

我尝试在页面上设置一些输入，其中包含EN值（左列输入）和RU值（右列输入）。带EN值的输入是只读的。可以更改带RU值的输入。

更改后，我可以将新值发布到服务器。

我不明白：在文件脚本/ react / components / InputsRow.js：61我有一个DIV元素，一切正常。 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输入”问题。当你输入任何符号时 - 它的工作会很慢......

我有一个git repo，以便最好地宣告这个问题：

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

P.S。＆＃39; RU输入＆＃39; =右栏。

Answer 1

在我的情况下，它是铬虫（？）。我每晚都会下载chrome并且有性能问题。尝试在最后的Safari中做同样的事情 - 再没有问题。我尝试禁用所有扩展并尝试禁用此输入上的所有引导样式 - 不会发生。

（稳定）Chrome 43.0.2357.130（64位）有性能问题

（每晚）Chrome 45.0.2452.0金丝雀（64位） - 没问题

（稳定）Safari 8.0.7（10600.7.12） - 没问题

React.js输入性能

1 个答案: