我想从选择器项目中选择项目。问题是当我点击项目然后在函数处理程序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>
来自map(在render()函数中创建的作业)就像
jobItems = this.state.jobTypesList.map((v,i) => {
return <Picker.Item key={i} value={v} label={v.jobTitle} />
});
所以这里如果我直接在picker.item中使用props值{v.jobTitle}然后选择值更改但我想在onValueChangeJob(value)函数中使用整个对象v。状态更新的一个主要事情,但不能显示选择值的选择器尝试了很多不同的东西,但没有发生我想要的东西。我应该如何用正确的例子来处理这个问题,因为我是本土的新手。
看看我的选择器在这张图片中的样子
经过大量谷歌搜索做一对一的解决方案后,我找到了解决方案,我必须在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