反应本机选择器的默认值

时间:2018-07-12 03:15:04

标签: reactjs react-native picker

我有一个选择器,应该对现有数据进行一些编辑,例如:

<Picker
  mode={'dropdown'}
  selectedValue={this.props.ID ? this.newData.get('shift') : this.props.store.EmpShift}
  style={{ height: 50, width: 130 }}
  onValueChange={(itemValue) => this.props.store.EmpShift = itemValue}>
  <Picker.Item label="Saturday" value="sat" />
  <Picker.Item label="Sunday" value="sun" />
  <Picker.Item label="Monday" value="mon" />
  <Picker.Item label="Tuesday" value="tue" />
  <Picker.Item label="Wednesday" value="wed" />
  <Picker.Item label="Thursday" value="thur" />
  <Picker.Item label="Friday" value="fri" />
</Picker>

这小段代码selectedValue={this.props.ID ? this.newData.get('shift') : this.props.store.EmpShift}将指示是否有选定的日期,将其显示。如果未选择,则将其存储在称为EmpShift的状态中。

我面临的问题是,选择器值不会更改显示,无论我选择哪一天,它都会立即恢复为this.newData.get('shift')

我通常通过将输入中的value更改为defaultvalue来解决这类问题,但是在这种情况下,defaultvalue没有任何支持。

如何显示现有数据方面的变化?或在屏幕上显示一次默认值,以后可以更改并显示。

0 个答案:

没有答案