Javascript 如何避免从react小部件重新呈现react DropdownList

Javascript 如何避免从react小部件重新呈现react DropdownList,javascript,json,reactjs,Javascript,Json,Reactjs,我正在使用react widgets中的DropdownList从json文件中创建一个下拉菜单(lang具有值)。代码如下: <DropdownList ref='dropdown' data={lang} valueField='id' textField={item => item.name} caseSensitive={false}

我正在使用
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} />
item.name}
区分大小写={false}
过滤器class='contains'
value={this.state.value}
onChange={this.handleLangChange}/>
问题是名单太多了!!!因此渲染需要时间,当用户想要选择一个项目时,他必须等待几秒钟。有人知道我该如何加快速度吗? 每次更新搜索输入时,它似乎都在呈现
DropdownList
组件://

看看。它负责通知
React
是否应该重新呈现组件。只有在修改下拉列表元素时,才能强制重新渲染

不确定你有多少权限访问React小部件。但您显然可以围绕DropDownList创建一个包装组件,以访问属性和
shouldComponentUpdate
。只是个主意