如何避免重新呈现react-Widgets

时间:2016-07-20 13:18:44

标签: javascript json reactjs

我使用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组件:/

1 个答案:

答案 0 :(得分:0)

看看React lifecycle shouldComponentUpdate() method。它负责通知React是否应该重新呈现组件。只有在修改了下拉元素时,才可以强制执行重新渲染。

不确定您对React-Widgets的访问权限。但是你可以在DropDownList周围创建一个包裹组件,以便访问属性和shouldComponentUpdate。只是一个想法