[英]Nativebase Picker Item not showing Selected value
我正在嘗試從選擇器項目中選擇項目。 問題是當我點擊項目然后在函數處理程序onValueChangeJob(value)
執行一些任務
onValueChangeJob(value) {
this.setState({ jobValue: value.jobTitle})
USE value.number form another task
});
}
下面是我的選擇器組件
<Picker
style={commonStyle.pickerStyle}
textStyle={commonStyle.textStylePicker}
headerTitleStyle={commonStyle.headerTitleStyle}
headerBackButtonTextStyle={commonStyle.headerBackButtonTextStyle}
iosIcon={<Icon name="ios-arrow-down" />}
mode="dropdown"
placeholder="MAKE A SELECTION"
placeholderStyle={commonStyle.placeholderStyle}
note={false}
itemTextStyle={commonStyle.itemTextStyle}
selectedValue={this.state.jobValue}
onValueChange={this.onValueChangeJob.bind(this)}
>
{jobItems}
</Picker>
而來自在 render() 函數中創建的 map 的 jobitems
jobItems = this.state.jobTypesList.map((v,i) => {
return <Picker.Item key={i} value={v} label={v.jobTitle} />
});
所以在這里,如果我直接在 picker.item props value-{v.jobTitle} 中使用,則選擇的值會發生變化,但我想在 onValueChangeJob(value) 函數中使用整個對象 v。 一個主要的事情狀態更新但不能在選擇器的選定值上顯示嘗試了很多不同的事情,但沒有發生我想要的事情。 我應該如何用適當的例子來處理這個問題,因為我是 React Native 的新手。
看看我的選擇器在這張圖片中的樣子
在對一個解決方案進行大量谷歌搜索后,我發現我必須在 onValueChange 處理程序上過濾 this.state.jobTypesList 這個數組並抓取特定工作標題的對象
return this.state.jobTypesList.map((v,i) => {
return <Picker.Item key={i} value={v.jobTitle} label={v.jobTitle}
});
let filterArray = this.state.jobTypesList.filter((v) => v.jobTitle === value)[0]
filterArray.jobTitle
filterArray.jobNumber
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.