searchingwithjsondatareact1

 searching:

import React,{useState} from 'react'

import CustomData from './MyData.json'

import MyTable from './MyTable'

export default function Getjson() {

    const [name,setName] = useState("");

// console.log(CustomData);

const SearchData=(CustomData)=>{

    console.log(name);

    // const result=CustomData.filter(e=>e.name===name);

    const result=CustomData.filter(e=>e.name.toLowerCase().includes(name)||e.age===parseInt(name));

    // console.log(result);

    return result;

};

// SearchData();

  return (

    <div>

        <input type="text" name="" 

        value={name}

          onChange={(e) => setName(e.target.value)} />

{/* <MyTable info={CustomData}></MyTable> */}

<MyTable info= {SearchData(CustomData)}></MyTable>

    </div>

  )

}

...

....