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
。只是个主意