Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import { useState, useEffect } from 'react';
- const HandleKeypress = () => {
- const [itWorks, setItWorks] = useState(false)
- const [gender, setGender] = useState("");
- useEffect(() => {
- document.addEventListener('keyup', (e) => {
- e.preventDefault();
- const {name, value, type} =e.target as HTMLInputElement;
- if ((e.code == 'Enter' || e.code =="Tab") && name=="gender"){
- if(type=="radio"){
- setGender(value)
- }
- setItWorks(true)
- }
- })
- }, [])
- return (
- <div>
- <p>{itWorks ? 'It works!' : 'It does not'}</p>
- <button onClick={() => setItWorks(!itWorks)} >Press me</button>
- <input type='radio' name='gender' value="Male" checked={gender=="Male"} onKeyUp={() => HandleKeypress } />
- <input type='radio' name='gender' value="Female" checked={gender=="Female"} onKeyUp={() => HandleKeypress } />
- </div>
- )
- }
- export default HandleKeypress;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement