更新对象的状态并将其添加到 reactjs 中的数组对象的状态

Question

我想制作一个包含以下输入标签的表单

 name:<input onChange={(e)=>handler(e)} value={temp.name} name="name"/>
 age: <input onChange={(e)=>handler(e)} value={temp.age} name="age"/>
 car:  <input onChange={(e)=>handler(e)} value={temp.car} name="car"/>
 <button onClick={(e)=>add(e)}>add</button>

我希望这个过程=>当用户在这个字段中的任何一个输入时，下面代码中的相关状态被更新

 const [temp,tempchanger]=React.useState([
 {
  name:"",
  age:"",
  car:"",
  } ,
  ]),

我为它编写了以下代码：

  const handler=(e)=>{
   const namex=e.target.name;
   const value=e.target.value;
  tempchanger(pre=>({...pre,[temp.namex]:value}))
  console.log(temp)
    }

但是console.log 显示未受影响的“temp”，我该怎么做？ 也当我想要当我按下添加键时，临时对象被添加到下面的状态，即对象数组...

  const [state,statex]=React.useState({list:[
 {name:"",age:"",car:""}
   ]})

请帮助我：