multiple inputs in react

2022.10.14
#react#state
use client /components/post/reExport  })
  const updateValues = (e) => setValues({ ...values, [e.target.name]: e.target.value })

  return (
    <>
      <input
        type= 
        name= 
        value={values.first}
        onChange={updateValues}
        placeholder= 
      />{ }
      <br />
      <input
        type= 
        name= 
        value={values.last}
        onChange={updateValues}
        placeholder= 
      />{ }
      <br />
      <input
        type= 
        name= 
        value={values.age}
        onChange={updateValues}
        placeholder= 
      />{ }
      <br />
      <div>
        <h5>{ }</h5>
        {JSON.stringify(values)}
      </div>
    </>
  )
}

const postObj = {
  title:  ,
  date:  ,
  tags: [ ],
  imgUrl:  ,
  desc:  ,
  body: (
    <>
      <H>one useState for multiple inputs</H>

      <p>
        Good{ }
        <Lnk url= >
          article
        </Lnk>{ }
        how to control multiple inputs with React without creating state variable for every input
        field.
      </p>

      <Code block jsx>{  })
        const updateValues = (e) => setValues({ ...values, [e.target.name]: e.target.value })

        return (
          <>
            <input type=  value={values.first} onChange={updateValues} placeholder=  /> <br />
            <input type=  value={values.last} onChange={updateValues} placeholder=  /> <br />
            <input type=  value={values.age} onChange={updateValues} placeholder=  /> <br />
            <div><h5>{ }</h5>{JSON.stringify(values)}</div>
          </>
        )
      }
      