如何将选定的单选按钮值存储在 React Native 的 AsyncStorage 中？

Question

我想在 AsyncStorage 中存储/保存用户选择的单选按钮值。 这是如何实现的？ 我正在从另一个文件中检索单选按钮值并将它们分配给标签。 这些是我的单选按钮的结构：

import RadioButtonRN from 'radio-buttons-react-native';
import AsyncStorage from '@react-native-async-storage/async-storage';

const Radio = () => {
  const label1 = Questions[2].answers[0].answer;
  const label2 = Questions[2].answers[1].answer;
  const label3 = Questions[2].answers[2].answer;

  const data = [
    {
      label: label1,
    },
    {
      label: label2,
    },
    {
      label: label3,
    },
  ];

  return (
    <RadioButtonRN
      data={data}
      selectedBtn={(e) => console.log(e)}
      box={false}
      circleSize={14}
      activeColor={'#6175CF'}
      style={styles.radio}
    />
  );
};

export default Radio;

Answer 1

您可以直接使用 javascript 的localStorage从 session 存储和获取值。 setSelectedRadioBtn通过名称radioBtn 设置存储中的值， getSelectedRadioBtn获取存储在存储中的值

setSelectedRadioBtn = (selectedBtn) => localStorage.setItem('radioBtn', selectedBtn);

getSelectedRadioBtn = () => console.log(localStorage.getItem('radioBtn'));

return (
        <RadioButtonRN
          data={data}
          selectedBtn={(e) => setSelectedRadioBtn(e)}
          box={false}
          circleSize={14}
          activeColor={'#6175CF'}
          style={styles.radio}
        />
  )
}