在不使用REF的情况下,可以使用useState来实现单选按钮的点击函数。下面是一个示例代码:
import React, { useState } from "react";
const RadioButtonComponent = () => {
const [selectedValue, setSelectedValue] = useState("");
const handleRadioButtonClick = (value) => {
setSelectedValue(value);
};
return (
handleRadioButtonClick("option1")}
/>
handleRadioButtonClick("option2")}
/>
);
};
export default RadioButtonComponent;
在上面的代码中,通过useState来创建一个selectedValue的状态变量,并使用setSelectedValue来更新它的值。在每个单选按钮的onChange事件中,调用handleRadioButtonClick函数,并传入对应的值。当某个单选按钮被选中时,selectedValue的值会更新,从而改变对应的checked属性,实现单选按钮的选中效果。