在React钩子中使用动态密钥设置状态

import React, { useState } from 'react';

const MyComponent = () => {
  const [state, setState] = useState({});

  const handleInputChange = (event) => {
    const { name, value } = event.target;
    setState((prevState) => ({
      ...prevState,
      [name]: value,
    }));
  };

  return (
    <div>
      <input
        type="text"
        name="username"
        value={state.username || ''}
        onChange={handleInputChange}
      />
      <input
        type="text"
        name="password"
        value={state.password || ''}
        onChange={handleInputChange}
      />
    </div>
  );
};

export default MyComponent;