如何避免从 react-widgets 重新渲染 react DropdownList答案

【问题标题】：How to avoid re-rendering react DropdownList from react-widgets如何避免从 react-widgets 重新渲染 react DropdownList
【发布时间】：2016-07-20 13:18:44
【问题描述】：

我正在使用来自 react-widgets 的 DropdownList 从 json 文件创建下拉菜单（lang 具有值）。代码如下：

        <DropdownList 
            ref='dropdown'
            data={lang} 
            valueField='id'
            textField={item => item.name}
            caseSensitive={false} 
            filter='contains'
            value={this.state.value}
            onChange={this.handleLangChange} />

问题是列表很大！！！所以渲染它需要时间，当用户想要选择一个项目时，他必须等待几秒钟。有谁知道我怎样才能让它更快？似乎每次更新搜索输入时它都会渲染DropdownListcomponent：/

【问题讨论】：

标签： javascript json reactjs

【解决方案1】：

看看React lifecycle shouldComponentUpdate() method。它负责通知React 是否应该重新渲染组件。您可以仅在修改下拉元素时强制重新渲染。

不确定你对 React-Widgets 有多少访问权限。但是您显然可以围绕 DropDownList 创建一个包装组件来访问属性和shouldComponentUpdate。只是一个想法

【讨论】：