antd-mobile Picker value 属性不生效

 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>

最后

以上就是沉静蛋挞为你收集整理的antd-mobile Picker value 属性不生效的全部内容，希望文章能够帮你解决antd-mobile Picker value 属性不生效所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。