Javascript UseState的初始值为[Object, object]

 import { useState } from 'react'
import {Link} from 'react-router-dom'

function Login() {

  const [input, setInput] = useState({
    email: ' ',
    password: ' '
  })
 
  return (
    <>
    <form className="form-group">
      <div className="input-group">
        <label htmlFor="email">Email</label>
        <input type="text" id= 'email' name = 'email' className="form-input" value={input} />
      </div>
      <div className="input-group">
        <label htmlFor="password">Password</label>
        <input type="text" id='password' name='password' className="form-input" value={input}/>
      </div>
      <p>Don't have an Account? <Link>SignUp</Link> </p>
        <button className='btn'>LogIn</button>
    </form>
</>
  )
}

export default Login

<input type="text" id= 'email' name = 'email' className="form-input" value={input.email} />

const [input, setInput] = useState({
    email: 'test_email',
    password: '******'
})

Javascript相关问答推荐

Node.JS ws包中是否有Webocket的错误代码列表？

验证嵌套 colored颜色 代码的结果

如何在react + react路由域名中使用DeliverBrowserRouter？

创建私有JS出口

布局样式在刷新时不持续

使用print This时， map 容器已在LeafletJS中初始化

将json数组项转换为js中的扁平

Klaro与Angular的集成

窗口.getComputedStyle()在MutationObserver中不起作用

useNavigation更改URL，但不呈现或显示组件

未捕获错误：[]：getActivePinia()被调用，但没有活动Pinia.🍍""在调用app.use(pinia)之前，您是否try 使用store ？""

你怎么看啦啦队的回应？

我可以使用使用node.js创建的本地主机来存储我网站上提交的所有数据吗？没有SQL或任何数据库.只有HTML语言

使用领域Web SDK的Vite+Vue应用程序中的Web程序集(WASM)错误

连接到游戏的玩家不会在浏览器在线游戏中呈现

如何在JAVASCRIPT中临时删除eventListener？

AJAX POST在控制器中返回空(ASP.NET MVC)

OnClick更改Json数组JSX中的图像源

我怎样才能得到一个数组的名字在另一个数组？

如何在Jest中模拟函数