我有一个选择器,应该对现有数据进行一些编辑,例如:
<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
没有任何支持。
如何显示现有数据方面的变化?或在屏幕上显示一次默认值,以后可以更改并显示。