Description
Page rendering is very slow (11s) in IE11 when I have 1400 nodes in tree, but faster(1,5s) when I use Chrome. Here is my related code:
` <TreeSelect
style={{ width: '100%' }}
dropdownStyle={{ height: 300, overflow: 'auto', zIndex: 1500 }}
dropdownPopupAlign={{ overflow: { adjustY: 0, adjustX: 0 }, offset: [0, 2] }}
searchPlaceholder={formatMessage(messages.searchLocation)}
showSearch allowClear treeLine maxTagTextLength={10}
treeData={this.props.storageAreas}
treeNodeFilterProp="label"
value={this.state.selectedStorageArea}
treeDataSimpleMode={this.treeDataSimpleMode()}
onChange={(value) => this.setState({ selectedStorageArea: value })}
/>
treeDataSimpleMode() {
return {
pId: 'pId',
id: 'key',
rootPId: 0,
};
}
`
Is treeDataSimpleMode slower than normal mode or does it even affect to this?
How can I improve performance? Which is the most powerful configuration for the component?