在antd的Cascader级联标签中,想要用变量来控制默认值的显示,经过尝试发现默认值只能写死某个数,Select标签也是一样。例如:
<Cascader key={aabbcc}
options={this.state.activeStoreCategoryList}
expandTrigger="hover"
defaultValue={[440,442,626]}
onChange={this.categoryChange}
/>
解决办法:为Cascader组件新增一个key属性,并且key的属性值和defaultValue的属性值保持一致,也就是说这两个的属性值是同一个变量 即可解决该问题。
简单举两个例子
render() {
const currentStorePayStatus = this.state.storePayTypeId;// -1 、5、6、1
return (
<li className="type_margin">
<span>店铺版本</span>
<Select
key={currentStorePayStatus}
defaultValue={currentStorePayStatus}
style={{ width: 150 }}
onChange={this.storeTypeChange}
>
<Option value="-1">不限</Option>
<Option value="5">标准版</Option>
<Option value="6">专业版</Option>
<Option value="1">旗舰版</Option>
</Select>
</li>
)
}