我试图通过多个道具在picker反应原生，但有一些问题

Question

<Picker
selectedValue={patient}
style={{ color: 'white' }}
onValueChange={(itemValue) => {
if (itemValue != "0") {
setPatientId(itemValue.slice(0, 20))
setPatient(itemValue.slice(20))
}
}}
>
<Picker.Item label="Chosse A Patient" value="0" />
{data.map((item) => {
return <Picker.Item label={item.name} value={item.id + item.name} key={item.id} />;
})}
</Picker>

这里我发送所有的数据，然后我使用itemvalue。slice(20)这种方法的问题是，在选择项目后，它逆转到默认值

Answer 1

<Picker
selectedValue={patient}
style={{ color: 'white' }}
onValueChange={(itemValue) => {
if (itemValue != "0") {
setPatient(itemValue)
setPatientId(itemValue.slice(0, 20))
setPatientName(itemValue.slice(20))
}
}}
>
<Picker.Item label="Chosse A Patient" value="0" />
{data.map((item) => {
return <Picker.Item label={item.name} value={item.id + item.name} key={item.id} />;
})}
</Picker>