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

Question

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

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

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

Answer 1

我遇到了同样的问题，这是我在打字稿中使用 ziggy-js 的解决方案。

1. import route from 'ziggy-js'
2. @types/ziggy-js在使用打字稿时安装npm install --save-dev @types/ziggy-js

Answer 2

在您的 app.blade.php 中，确保通过@routehead 部分。即：`这里有一些链接@route --> 在这里传递

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

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

让我知道这是否对您有帮助。