antd-mobile Picker value 属性不生效

最新推荐文章于 2024-06-11 14:40:01 发布

huyao_road

最新推荐文章于 2024-06-11 14:40:01 发布

阅读量6.5k

点赞数

分类专栏： React

本文链接：https://blog.csdn.net/qq_37746973/article/details/84776894

版权

React 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

 const entranceTimeOptions = [
   { value: '2018', label: '2018' },
   { value: '2017', label: '2017' },
   { value: '2016', label: '2016' },
   { value: '2015', label: '2015' }
]


<Picker
  data={entranceTimeOptions}
  value={['2018']}
  cols={1}
  {...getFieldProps('entranceTime')}
  onChange={v => handleFromChange('entranceTime', v)}
  className="forss"
>
  <List.Item arrow="horizontal">入学年份</List.Item>
</Picker>

我按照antd-mobile文档在value中写了 ['2018'] 并且这个值存在于数据源data的value中，但依然不起作用。

向 getFieldProps 中传入参数 initialValue就解决了这个问题。删掉value属性，向getFieldProps传入一个对象，对象键为initialValue, 值为那个数组，这样就可以成功设置value值啦。

<Picker
  data={entranceTimeOptions}
  cols={1}
  {...getFieldProps('entranceTime', {initialValue: jsEntranceTime})}
  onChange={v => handleFromChange('entranceTime', v)}
  className="forss"
>
  <List.Item arrow="horizontal">入学年份</List.Item>
</Picker>