Survey.js

import { useState } from "react";
import './Survey.css'

function Survey() {
    const [name, setname] = useState();
    const [age, setage] = useState();
    const [gender, setgender] = useState();

    const myname = (e) => {
        setname(e.target.value)
    }

    const myage = (e) => {
        setage(e.target.value)
    }

    const mygender = (e) => {
        setgender(e.target.value)
    }
    return (
        <div className="container">
            <h1>Survey Form</h1>
            Enter Name: <input className="input" type="text" onChange={myname} /><br />
            Enter Age: <input className="input" type="text" onChange={myage} /> <br />
            Enter Gender: <input className="input" type="text" onChange={mygender} /> <br />
            <button>Submit</button>
            <br />
            <h1>Name: {name}</h1>
            <h1>Age: {age}</h1>
            <h1>Gender: {gender}</h1>
        </div>
    )
}

export default Survey;