在React中，有没有一种很好的方式来使用RESTful编辑url中的id，并将相应的对象加载到组件的初始状态？

npm install react-router-dom

import { BrowserRouter as Router, Route, Switch, useParams } from 'react-router-dom';

function App() {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route exact path="/edit/:id" component={EditItem} />
      </Switch>
    </Router>
  );
}

function EditItem() {
  const { id } = useParams();

  // 根据ID加载相应的对象到组件的初始状态
  useEffect(() => {
    // 发起异步请求或从本地存储中获取对象数据
    const fetchData = async () => {
      try {
        const response = await fetch(`/api/items/${id}`);
        const data = await response.json();
        // 将获取到的对象数据设置到组件的状态中
        // setState(data);
      } catch (error) {
        console.error('Error:', error);
      }
    };

    fetchData();
  }, [id]);

  // 组件渲染逻辑
  return (
    <div>
      {/* 渲染编辑表单等组件内容 */}
    </div>
  );
}