Cant get my checkbox value in a variable using state in react

Question

The code for use state and handling inputs is given below. I can't get my game name in console on selecting, why?

const [tour, setTour] = useState({
        cafename: "", contactno: "", state: "", address: "", game: "", date: "", prizepool: ""
    });

    var name, value;
    const handleInputs = (e) => {
        console.log(e);

        name = e.target.name;
        value = e.target.value;

        setTour({ ...user, [name]: value });
    }

The select code is given below.

<div className="form-group">
                                <label for="games">Games</label>
                                <select class="custom-select" name= "game" value={tour.game} onChange={handleInputs}>
                                    <option selected>Select game</option>
                                    <option value="leagueoflegends">LEAGUE OF LEGENDS</option>
                                    <option value="valorant">VALORANT</option>
                                    <option value="rainbow6">RAINBOW 6 SIEGE</option>
                                    <option value="dota2">DOTA 2</option>
                                    <option value="cs">CS GO </option>

                                    placeholder="Enter games"
                                </select>
                            </div>

davood Sandoghsaz · Accepted Answer · 2021-11-25 22:55:06Z

1

CheckBox has checked property for value:

const handleInputs = (e) => {
    name = e.target.name;
    value = e.target.type === 'checkbox' ? e.target.checked : e.target.value;

    setTour(state => { ...state, [name]: value });
}

edited Nov 25, 2021 at 22:55

answered Nov 25, 2021 at 22:19

davood Sandoghsaz

6921 gold badge4 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Ritik Singh Over a year ago

Is my checkbox code right?

davood Sandoghsaz Over a year ago

What checkbox? You just have a select in html code.

Ritik Singh Over a year ago

Sorry, Is my select code right?

davood Sandoghsaz Over a year ago

Yes. Your select code is correct. But change the setTour: setTour(state => { ...state, [name]: value });

Collectives™ on Stack Overflow

Cant get my checkbox value in a variable using state in react

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related