如何在 react-admin 中為自定義路由提供道具？

Question

我正在使用reac-admin，並希望在編輯后將用戶重定向到自定義路由。

  <Edit {...props}>
        <TabbedForm redirect={redirect(`/XXX/${props.id}/YYY`)}  >

       {/* fileds */}

        </TabbedForm >
  </Edit>

在自定義路線中，我有這條路線：

    <Route exact path="/XXX/:id/YYY" render={(props) => <MyRoute {...props} />} />

我的問題是如何像在節目中一樣傳遞道具？

為什么重定向到 show: redirect="show"時，傳遞的道具與重定向到自定義路由時不同？

有一些缺少的道具，我需要它們，比如 id。

我應該做什么來解決我的問題？

謝謝！

Answer 1

你有兩種方法可以做到這一點：

第一個選項

<Route exact path="/XXX/:id/YYY" render={() => <MyRoute />} />

在 MyRoute 內部：

import { useParams } from 'react-router';

const MyRoute = () => {
    let { id } = useParams();
    // ...
}

第二種選擇

<Route exact path="/XXX/:id/YYY" render={(props) => <MyRoute id={props.match.params.id} />} />