Use push method without push ! in react

Manoj Manoharan — Sun, 14 Jan 2024 08:14:17 +0000

import { Fragment, useState } from "react";

const Login = () =>{

    const [data,setData] = useState([]); // step 1 create useState
    // An obj to push
    const obj = { 
        name:"manojconcept",
        age:"unlimited"
    }
    // Adding HandleClick function
    const handClick = () =>{

        setData([...data,obj]) // by using spread operator

    }

    return(
        <>
        <button onClick={handClick}>
            click Me
        </button>
        {
            data.map((ele,ind)=>{
                return(
                    <Fragment key={ind}>
                        <p>
                            {ele.name}
                        </p>
                        <p>
                            {ele.age}
                        </p>

                    </Fragment>

                )
            })
        }
        </>
    )
}

export default Login;

DEV Community: Manoj Manoharan

Use push method without push ! in react