React 输入默认值不随状态更新

使用React编写应用程序时，我们经常需要在输入字段中设置默认值。默认值是在组件加载时显示的初始值，通常是从数据库或其他数据源中获取的。然而，有时我们希望输入字段的默认值保持不变，即使组件的状态发生了变化。本文将介绍如何在React中实现这一功能，并提供一个案例代码来说明。

javascript
import React, { useState } from 'react';
const LoginForm = () => {
  const [username, setUsername] = useState('john_doe');
  const handleUsernameChange = (e) => {
    setUsername(e.target.value);
  };
  return (
    
      Username:
              type="text"
        id="username"
        defaultValue={username}
        onChange={handleUsernameChange}
      />
      Password:
      
    
  );
};
export default LoginForm;