React native 如何在react native中保留单选按钮的检查？

我用的是React本地报纸上的单选按钮

单选按钮本身工作正常

但是如果我移动到另一个页面并再次选中单选按钮，该复选框将无法保持

我怎样才能对单选按钮进行检查

我是个新来的本地人

从“React”导入React；
从“react native”导入{样式表、视图、TouchableOpacity、文本}；
从“react native paper”导入{RadioButton}；
从“react native router flux”导入{Actions}；
常量类别=[
{
标签：'한식'
},
{
标签：'분식'
},
{
标签：'카페, 디저트'
}
]
导出默认类CategoryPage扩展React.Component{
建造师（道具）{
超级（道具）；
此.state={
值：“”
}
}
匹配页面（）{
Actions.pop（）；
}
render（）{
返回(
this.setState（{value}）value={this.state.value}>
{category.map（（数据，索引）=>
)}
선택 완료
);
}
}

导入*作为来自“React”的React；
从“react native”导入{View}；
从“react native paper”导入{RadioButton}；
常量MyComponent=（）=>{
const[checked，setChecked]=React.useState（'first'）；
返回(
setChecked（'first'）}
/>
setChecked（'second'）}
/>
);
};
导出默认MyComponent；

您可以这样做

工作示例

import*as React from'React'；
从“react native”导入{View，StyleSheet，TouchableOpacity}；
从“react native paper”导入{RadioButton，Text}；
常量类别=[
{
标签：'한식',
},
{
标签：'분식',
},
{
标签：'카페, 디저트',
},
];
常量类别页=（）=>{
const[value，setValue]=React.useState（'first'）；
返回(
设置值（值）}
value={value}>
{category.map（（数据，索引）=>(
))}
선택 완료
);
};
导出默认类别页面；
constyles=StyleSheet.create（{}）；

import * as React from 'react';
import { View } from 'react-native';
import { RadioButton } from 'react-native-paper';

const MyComponent = () => {
  const [checked, setChecked] = React.useState('first');

  return (
    <View>
      <RadioButton
        value="first"
        status={ checked === 'first' ? 'checked' : 'unchecked' }
        onPress={() => setChecked('first')}
      />
      <RadioButton
        value="second"
        status={ checked === 'second' ? 'checked' : 'unchecked' }
        onPress={() => setChecked('second')}
      />
    </View>
  );
};

export default MyComponent;

import * as React from 'react';
import { View, StyleSheet, TouchableOpacity } from 'react-native';
import { RadioButton, Text } from 'react-native-paper';

const category = [
  {
    label: '한식',
  },
  {
    label: '분식',
  },
  {
    label: '카페, 디저트',
  },
];

const CategoryPage = () => {
  const [value, setValue] = React.useState('first');

  return (
    <View style={styles.container}>
      <View style={{ flex: 9, justifyContent: 'center' }}>
        <RadioButton.Group
          onValueChange={(value) => setValue(value)}
          value={value}>
          {category.map((data, index) => (
            <RadioButton.Item
              key={index}
              label={data.label}
              value={data.label}
              color="black"
            />
          ))}
        </RadioButton.Group>
      </View>

      <View style={{ flex: 1, alignItems: 'center' }}>
        <TouchableOpacity
          style={styles.buttonStyle}
          onPress={this.matchingPage}>
          <Text style={styles.buttonTextStyle}>선택 완료</Text>
        </TouchableOpacity>
      </View>
    </View>
  );
};

export default CategoryPage;

const styles = StyleSheet.create({});