React search solve

 import axios from 'axios';

import React,{useState,useEffect} from 'react'

export default function Aboutorg() {

  const [data,setData]=useState({});//

  const [firstname,setFirstName]=useState('');

  const [buttonclick,setButtonclick]=useState();

  const search=()=>{

setButtonclick(firstname);

  }

  //  const getData=()=>{

  //   axios.get(`https://dummy.restapiexample.com/api/v1/employee/${buttonclick}`).then(res=>{  

  //   //  console.log(res.data);

  //    console.log(res.data.data);

  //    setData(res.data.data);

  //   }).catch(err=>console.log(err))

  // }

 

useEffect(()=>{

const  getData=()=>{

    axios.get(`https://jsonplaceholder.typicode.com/posts/${buttonclick}`).then(res=>{  

     console.log(res.data);

     setData(res.data);

    //  console.log(res.data.data);

    //  setData(res.data.data);

    }).catch(err=>console.log(err))

  

}

  if(buttonclick>=1)

getData();

  

},[buttonclick]);

  return (

    <div>

      <input type="text"  value={firstname} onChange={e=>setFirstName(e.target.value)} />

      

      <button onClick={search}>Search</button>

      {data.id}{data.title}

      {/* {data.employee_name}{data.employee_salary} */}

    </div>

  )

}