使用React钩子重置到初始状态

import React, { useState } from 'react';

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

  const resetState = () => {
    setState(initialState);
  };

  return (
    <div>
      <p>{state}</p>
      <button onClick={resetState}>Reset</button>
    </div>
  );
};

export default MyComponent;

import React, { useState, useRef } from 'react';

const MyComponent = () => {
  const initialStateRef = useRef('initial state');
  const [state, setState] = useState(initialStateRef.current);

  const resetState = () => {
    setState(initialStateRef.current);
  };

  return (
    <div>
      <p>{state}</p>
      <button onClick={resetState}>Reset</button>
    </div>
  );
};

export default MyComponent;