【React】react 级联组件懒加载编辑反显问题

• Z时代
• 2024-01-10
• 分类：技术分享

1.采用了antd的Cascader级联选择器组件，运用了地区懒加载方式（省>市>区>县）
2.当需要编辑地区的时候，因为数据采用懒加载的如果区、县的数据还没加载，反显回Cascader的时候只显示第一级地址(默认加载第一级数据)

相关代码

<FormItem {...formLayout}>
{getFieldDecorator('homeArea', {
initialValue: formatTreeArray(info.homeAreaParentIds, info.homeArea) || [],  // formatTreeArray正确获取Cascader反显时传入ids数组
})(
<Cascader
style={{ width: '100%' }}
options={areaTreeList}
loadData={this.props.loadTreeData}  // 懒加载地区
fieldNames={{ label: 'name', value: 'id' }}
changeOnSelect
placeholder="请选择居住地区"
/>
)}
</FormItem>

3.问题：如何让数据展示完整，思路？组件？


表单反显的时候只有第一级数据

回答

试试displayRender

你好 这个问题有好的解决方案吗 求助

以上是 【React】react 级联组件懒加载编辑反显问题 的全部内容， 来源链接： utcz.com/a/77171.html