reactjs - React Hooks - 将状态设置为初始状态

Question

我正在使用 React useState 创建一个状态对象。成功调用 API 后，它会更新为数据对象。

我有一个可以更改此状态的表单，但我也有一个取消按钮。单击取消时，如何将此状态恢复为其初始值(在 API 调用之后)？

我应该创建另一个状态变量并在那里存储初始状态，然后根据它更新我的状态吗？

  const [basePosition, setBasePosition] = useState({});
  const [position, setPosition] = useState({
    id: '',
    title: '',
    description: '',
    authoredBy: '',
    createdDate: '',
    lastUpdatedBy: '',
    lastUpdateDate: '',
    sliderResponses: [],
    tileResponses: [{}],
    template: {}
  });```

Answer 1

const initialState = {
    id: '',
    title: '',
};

const Test = () => {
    const [position, setPosition] = useState(initialState);

    return <>
        ...form
        <button onClick={() => setPosition(initialState)}>Reset</button>
    </>;
};