'Universal' function to handle 'onValueChange' for multiple 'picker' controls...possible? - react-native

Question

The following code is written in React Native, and is completely functional. It displays a 'picker' for the user to select a value and then assigns the selected value to a 'state' variable for display in the interface:
import {Picker} from '#react-native-community/picker';
export default class Info extends Component {
constructor(props) {
super(props);
this.state = {
typeValues: [{"name": "Business Type", "id": 0}, {"name": "franchise", "id": 1}, {"name": "corporate", "id": 2}, {"name": "independent", "id": 3}],
typeItem: ''
};
}
typeChange = (index) => {
this.state.typeValues.map((v,i) => {
if (index === i ) {
this.setState({ typeItem: this.state.typeValues[index].name }) //setState
} //index EQUALS 'i'...
}) //map
}
...
render() {
return (
<>
<Text style={{ padding: 10, color: "#000000", textAlign: 'center', fontSize: 32, fontWeight: 'bold' }}>
{this.state.typeItem}
</Text>
<Picker
selectedValue={this.state.typeItem}
style={{width: deviceWidth, height: 40 }}
onValueChange={(itemValue, itemIndex) => this.typeChange(itemIndex)}>
{ this.state.typeValues.map( (v, key)=>{
return <Picker.Item label={v.name} value={v.id} key={key} />
}) }
</Picker>
</>
)
} //render
...
} //class Info
My issue is what should be done if I have many 'picker' controls. Presently the 'OnValueChange' handler ("typeChange") handles the 1 'picker' control I have. However if there are more, say 5 or 10 more 'picker' controls...I would have to write/copy an 'OnValueChange' handler for each. That is ugly and I am sure there must be a better way, perhaps a single function that could handle 'OnValueChange' from ANY 'picker' control.
For example if I added more arrays for additional 'picker' controls:
this.state = {
typeValues: [{"name": "Business Type", "id": 0}, {"name": "franchise", "id": 1}, {"name": "corporate", "id": 2}, {"name": "independent", "id": 3}],
smokingValues: [{"name": "Smoking Allowed", "id": 0}, {"name": "Yes", "id": 1}, {"name": "No", "id": 2}, {"name": "Unknown", "id": 3}],
takeoutValues: [{"name": "Takeout Available", "id": 0}, {"name": "Yes", "id": 1}, {"name": "No", "id": 2}, {"name": "Unknown", "id": 3}],
typeItem: '',
smokingItem: '',
takeoutItem: '',
etc...
};
Is there a way to handle the 'OnValueChange' function for each and every 'picker' that is created...within a single 'universal' function? It seems difficult to believe it would be necessary to write a function for each 'picker' to store the selected value into the appropriate 'state' variable. Any suggestions greatly appreciated. I thank you in advance.