Question

有什么方法可以使用React的刀片类型语法来处理我的Laravel路由？让我们说我有以下内容：

<div class="card">
    <a href="{{ route('account.show', $user->slug) }}">Go to your account</a>
</div>

如果我尝试将其转换为Reactjs组件，那么刀片类型语法显然不会起作用。

我已经查看了React路由器，但并不完全知道它如何适合我的应用程序，或者甚至是否需要我使用（我很多而是使用普通的Laravel路线。）

Answer 1

Laravel不会执行React代码，而是由用户的浏览器执行。因此，当需要在用户浏览器内生成该href时，代码无法再访问Laravel或Blade工具。

当您使用刀片生成顶级React调用时，您可以做的是事先将所需的所有信息传递到React应用程序：

<script>
    React.render(
        MyApp({
            accountShow: "{{ route('account.show', $user->slug) }}",
            //etc.
        }),
        document.getElementById('myContainer')
    )
</script>

然后在您的React应用程序中，您可以使用这些属性并将它们传递给内部组件，例如：

<CardLink href={this.props.accountShow}>
    Go to your account
</CardLink>

Laravel路线和刀片模板与reactjs

1 个答案: