React Native-记住钩子

Question

我正在构建一个应用程序，用户必须在其中选择不同的选项，例如他们喜欢的食物等。以下屏幕是性别选择。我正在使用按钮组进行选择，但是当我进入下一个屏幕并返回上一个屏幕时，选择就消失了。我使用上下文保存到缓存，在控制台中说它已保存，但是在屏幕上。我做了一些研究，我认为useMemo或callBack将是最好的方法，除非有人建议使用其他方法。我只是不确定如何实现这一点。基本上，我只想使用钩子保存更新的状态。

  const [selected, setSelected] = useState(''); 

  const buttons = ['Male', 'Female'];

    const memoizedCallaback = React.useCallback((index) => {
      setSelected(index);
    });

    return (
      <View>
        <ButtonGroup
          buttons={buttons}
          selectedIndex={selected}
          onPress={memoizedCallaback}
          buttonStyle={{ borderEndColor: 100 }}
        />
      </View>
    );
  });