我使用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} />
问题是名单很大!!!所以渲染需要时间,当用户想要选择一个项目时,他必须等待几秒钟。有谁知道我怎样才能让它更快?
它似乎每次更新搜索输入时都会呈现DropdownList
组件:/
答案 0 :(得分:0)
看看React lifecycle shouldComponentUpdate() method。它负责通知React
是否应该重新呈现组件。只有在修改了下拉元素时,才可以强制执行重新渲染。
不确定您对React-Widgets的访问权限。但是你可以在DropDownList周围创建一个包裹组件,以便访问属性和shouldComponentUpdate
。只是一个想法