React native picker,获取所选选项文本

您可以通过 id 从选项列表中。之后,可以从选定的选项中获取文本。在下面的示例中,我将获取选项的代码移动到一个单独的函数中,该函数也用于 onStudentChange :

getOptions(year, group) {
    return categories
            .find(category => {
                 return category.id == year;
            })
            .options.find(category => {
                 return category.id == group;
            })
            .options
}

onStudentChange(e) {
    if (e !== "") {
        // Find option by id and get text.
        const text = this.getOptions().find(entry => entry.id === e).text;
        this.props.setStudent(e);
    }
}

render() {
    ...
    <Picker
       selectedValue={student}
       label="Student"
       style={styles.picker}
       onChange={this.onStudentChange}
       options={this.getOptions(year, group)}
    />
}