I am very new on React Native, I don't know how to change these type class functions, i am working on functional component that's why i need to change this into functional.
state = {
selectedIndex: 0,
radioButtonValue: 'asc',
};
onPress = (index) => {
this.setState({
selectedIndex: index,
});
};
onRadiochange = (index, value) => {
this.setState({
radioButtonValue: value,
selectedIndex: index,
});
};
error in code can't find variable onPress
code for style
<RadioButton.Group onValueChange={(value) =>
onRadiochange(index, value)
}>
<View style={styles.singleRadioButtonContainer}>
<Text>Yes</Text>
<RadioButton
color="#5d86d7"
value="1"
status={
state.selectedIndex === index &&
state.radioButtonValue === '1'
? 'checked'
: 'unchecked'
}
onPress={() => {onPress(index)}}
/>
</View>
Like this
const [selectedIndex,setSelectedIndex] = React.useState(0)
const [radioButtonValue,setRadioButtonValue ] = React.useState('asc')
const onPress = (index) => {
setSelectedIndex(index)
};
const onRadiochange = (index, value) => {
setSelectedIndex(index)
setRadioButtonValue(value)
};
<RadioButton.Group onValueChange={(value) =>
onRadiochange(index, value)
}>
<View style={styles.singleRadioButtonContainer}>
<Text>Yes</Text>
<RadioButton
color="#5d86d7"
value="1"
status={
selectedIndex === index &&
radioButtonValue === '1'
? 'checked'
: 'unchecked'
}
onPress={() => onPress(index)}
/>
</View>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.