单选按钮重置

Question

我正在使用这个包 Radio Button。它工作正常，但我需要重置所选值，因为我在那里找不到任何解决方案。

Answer 1

该软件包没有重置功能，但有一个相同功能的 PR 待处理。整个包只在一个文件中，所以你可以做的是将包文件复制到你的代码中，并从 PR 添加与功能相关的代码。

或者您可以使用其他包 ;)

Answer 2

您可以更改状态以呈现新的单选按钮 - https://snack.expo.dev/iiHkFYpLV


import React, { useState } from "react";
import { View, StyleSheet, Button, Alert } from "react-native";
import RadioButtonRN from 'radio-buttons-react-native';

const App = () => {

  const [show,setShow] = React.useState(true);
  const data = [
  {
    label: 'data 1'
  },
  {
    label: 'data 2'
  }
  ];

  React.useEffect(()=>{
    if(!show) setShow(true)
  },[show])

  const resetHandler = () =>{
    setShow(false)
  }


  return (
    <View style={styles.container}>
    {show && 
            <RadioButtonRN
          data={data}
          selectedBtn={(e) => console.log(e)}
        />
    }

        <Button title='reset' onPress={resetHandler}  />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
paddingTop:100,
  }
});

export default App;

单选按钮重置

Radio Button Reset

reactjs

react-native