如何将 Ziggy 与 React 和 Inertia 一起使用

Question

如何在 React 组件中调用由 Ziggy 的 @route 指令生成的 JavaScript route 函数？

route 函数是在运行时生成的，因此无法在 react 组件中预先导入它，因此 Laravel Mix 会抛出错误并且无法编译项目。更清楚地说，由于我使用的是 Typescript，如果不以某种方式导入````route``` 函数，我将无法编译我的组件。

我的堆栈是 Laravel 8、Inertia、React。

Answer 1

在您的 app.blade.php 中，确保传递 @route，因为它在 head 部分中。 IE： ` 这里有一些链接 @route --> 在这里传递

` 然后你可以在你的组件中访问它： 1-从“ziggy-js”导入路由； 2-从“@inertiajs/inertia-react”导入 { InertiaLink }；

<InertiaLinkhref={route("your_route_name", { key: value }).url()}>View</InertiaLink>

如果这对你有帮助，请告诉我。