清除来自 React 父级的无线电输入

Question

当我循环浏览一些问题时，在尝试清除无线电输入时遇到了一些问题。 这是我的设置。 当我单击触发“handleNextQuestion”的按钮时，想要 setCheckedFalse 以清除所有答案。 目前我根本无法点击任何答案，因为它们似乎被锁定为错误。

const Survey = () => {
    const setCheckedFalse = () => {
        return true
    }

    const handleNextQuestion = () => {
        if(currentQuestion < questions.length - 1) {

            const answer = {questionId: survey.id, answer: selectedAnswer};
            setSavedAnswers(savedAnswers => [...savedAnswers, answer])
            setCurrentQuestion(currentQuestion + 1)
            setCheckedFalse(true)
            setAnswer('')
        }
    }
    return (
    <div className="section">
        <div className="container">
            <div className={styles.surveyContainer}>   
                <Answers
                    answers = {survey}
                    selected = {selectedAnswer}
                    handleClick = {handleClick}
                    setCheckedFalse = {setCheckedFalse}
                />
                <button className="button is-primary" onClick={handleNextQuestion}>Next</button>
            </div>
        </div>
    </div>
const Answers = (props) => {
return (
    <>
        <div className={styles.itemList}>
            <label className={styles.labelWrapper}>
                <input 
                    type="radio" 
                    name="answer" 
                    className={styles.customRadio} 
                    onClick={props.handleClick}
                    value="a"
                    checked={props.setCheckedFalse}
                />
                <span>{props.answers.answer_a}</span>
            </label>
            <label className={styles.labelWrapper}>
                <input 
                    type="radio" 
                    name="answer" 
                    className={styles.customRadio} 
                    onClick={props.handleClick}
                    checked={props.setCheckedFalse}
                    value="b"
                />
                <span>{props.answers.answer_b}</span>
            </label>
        </div>
    </>
)

}

Answer 1

这可能是问题：

const setCheckedFalse = () => {
        return true
}

和

setCheckedFalse(true)

我认为您正在尝试使用useState钩子为您提供的内容来更改状态，但是您正在调用一个不接受任何参数并且不关心它返回的值的普通函数。