带有interface- react原生类型脚本的useState

interface User {
  name: string;
  age: number;
}

const [user, setUser] = useState<User>({ name: '', age: 0 });

import React, { useState } from 'react';

interface User {
  name: string;
  age: number;
}

const UserProfile: React.FC = () => {
  const [user, setUser] = useState<User>({ name: '', age: 0 });

  const handleNameChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    setUser({ ...user, name: event.target.value });
  };

  const handleAgeChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    setUser({ ...user, age: parseInt(event.target.value, 10) });
  };

  return (
    <div>
      <h1>User Profile</h1>
      <label>
        Name:
        <input type="text" value={user.name} onChange={handleNameChange} />
      </label>
      <br />
      <label>
        Age:
        <input type="number" value={user.age} onChange={handleAgeChange} />
      </label>
      <p>Name: {user.name}</p>
      <p>Age: {user.age}</p>
    </div>
  );
};

export default UserProfile;

setUser({ ...user, name: event.target.value });

interface User {
  name: string;
  age: number;
}

const [user, setUser] = useState<User>({ name: '', age: 0 });