CPU js函数调用无限事件

时间:2018-09-21 13:35:28

标签: javascript reactjs google-chrome-devtools devtools

我有一个有趣的问题。 这是我的devtools屏幕截图:

enter image description here

正如您在Main(红色箭头)中看到的那样,有一个函数调用,并且它变为无穷大。 调用它的代码非常简单:

                        <select
                      onChange={this.handleSelectScript}
                      className={`campaign-select-script
                      ${this.state.errors.script ? 'input-error' : ''}`}
                      value={this.state.data.selectedScript.id}
                    >

                      <option value="" disabled>
                        Выберите скрипт
                      </option>

                      {this.state.initialScripts
                        .filter(script => script.status === 'P')
                        .map(script => (
                          <option
                            key={script.script_uuid}
                            defaultValue={script.script_uuid === this.state.data.selectedScript.script_uuid}
                            value={script.script_uuid}
                          >
                            {script.title}
                          </option>
                        ))}

                    </select>

我尝试了很多,删除了.filter()-结果是相同的。 .map()在浏览器中调用此无限侦听器。

所以我对这个错误一无所知。

0 个答案:

没有答案