Two way data binding in react

twoway.js

  const [nameS,setName]=useState({
        names:[
            {name:'sourav',age:30},
            {name:'Toton',age:50},
            {name:'Rick grimes',age:10}
        ],
        btn:"Switch all names"
    })
  
  // the function which is called when the input value is changed
      const twoWay=(event)=>
      {

        setName({
        names:[
            {name:event.target.value,age:35},
            {name:'Toton',age:50},
            {name:'Rick grimes',age:10}
        ],
            btn:"Name switched!"
        })
      }
      
      // passing the function as a props to NewComp named component
        <NewComp chan={twoWay}/>
          
        // NewComp.js is the stateless component
            <input type='text' onChange={props.chan} /> // calling the funtion in onChange evnt