请注意，这通常是一个反模式。我建议看看suggested way来处理这个问题。
本地存储还可以帮助您防止用户在刷新页面时重新启动表单
也就是说，如果您在父级中定义state并使用props向下传递setState，则可以实现此行为。

//in Parent.js
    import Child from "./Child"
    import { useState } from "react";
    
    export default function Parent() {
    
      const [data,setData] = useState('');
    
      const handleClick = (param) => {
        setData(param)
      }
    
      return (
        <div className="App">
          <h1>{data}</h1>
          <Child data={data} sendToParent={handleClick} />
        </div>
      );
    }

// in Child.js
    import { useState } from "react";
    
    export default function Child(props) {
      const { sendToParent } = props;
      const [count, setCount] = useState(0);
    
      return (
        <button
          onClick={() => {
            /* notice how strange this code looks, 
           we're basically trying to outsmart the rerender */
            setCount(count + 1);
            sendToParent(`Child clicked ${count + 1}`);
          }}
        >
          Click me
        </button>
      );
    }

有一个codesandbox如果你想interact with it。