<div id="root"></div>
function App() {
const [value, setValue] = React.useState("");
return (
<>
input:
<label>
<input
type="radio"
id="a"
value="a"
name="test"
onChange={(e) => setValue(e.target.value)}
/>
a
</label>
<label>
<input
type="radio"
id="b"
value="b"
name="test"
onChange={(e) => setValue(e.target.value)}
/>
b
</label>
<div>state: {value}</div>
<a href='javascript:(function(){document.getElementById("a").click()})();'>
Bookmarklet
</a>
</>
);
};
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<App />);
View Compiled
This Pen doesn't use any external CSS resources.