如何重置组件的状态值？

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0,
      name: "John"
    };
  }

  resetState() {
    this.setState({
      count: 0,
      name: ""
    });
  }

  render() {
    // Component rendering logic here
  }
}

import React, { useState } from "react";

function MyComponent() {
  const [count, setCount] = useState(0);
  const [name, setName] = useState("John");

  function resetState() {
    setCount(0);
    setName("");
  }

  // Component rendering logic here
}

import { useDispatch } from "react-redux";
import { resetComponentState } from "../actions/componentActions";

function MyComponent() {
  const dispatch = useDispatch();

  function resetState() {
    dispatch(resetComponentState());
  }

  // Component rendering logic here
}