Laravel 慣性反應 - 傳遞一個道具

Question

我安裝了微風+反應入門套件。 此外，獲得 Spatie 權限，並播種一些角色、用戶等。

我制作了一個中間件來根據角色重定向用戶，以及特定於某個角色的儀表板頁面。 一切正常，除了我似乎無法將變量傳遞給反應視圖 - 開發工具基本上向我顯示“未定義”錯誤。

app/Http/Middleware/CheckUserRole.php

<?php

namespace App\Http\Middleware;

use Closure;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;

class CheckUserRole
{
    /**
     * Handle an incoming request.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \Closure(\Illuminate\Http\Request): (\Illuminate\Http\Response|\Illuminate\Http\RedirectResponse)  $next
     * @return \Illuminate\Http\Response|\Illuminate\Http\RedirectResponse
     */
    public function handle(Request $request, Closure $next, ...$guards)
    {
        $user = Auth::user();
        if ($user->hasRole('BankAdmin')) {
            return redirect('/admin/dashboard');
        }
        if ($user->hasRole('BankUser')) {
            return redirect('/user/dashboard');
        }
        return redirect('/');
    }
}

在我的路線/web.php

Route::get('/', function () {
    return Inertia::render('Welcome', [
        'canLogin' => Route::has('login'),
        'canRegister' => Route::has('register'),
        'laravelVersion' => Application::VERSION,
        'phpVersion' => PHP_VERSION,
    ]);
});

Route::get('/dashboard', function () {
    return Inertia::render('Dashboard',
    );
})->middleware(['auth', 'verified', 'checkrole'])->name('dashboard');

Route::get('/user/dashboard', UserDashboardController::class);

require __DIR__ . '/auth.php';

應用程序/Http/Controllers/UserDashboardController.php

<?php

namespace App\Http\Controllers;

use Inertia\Inertia;
use Illuminate\Http\Request;

class UserDashboardController extends Controller
{
    /**
     * Return all users.
     *
     * @return \Inertia\Response
     */
    public function __invoke()
    {
        return Inertia::render('UserDashboard', [
            'message' => 'You are logged in as BankUser',
        ]);
    }
}

資源/js/Pages/UserDashboard.jsx

import React from 'react';
import Authenticated from '@/Layouts/Authenticated';
import {Head} from '@inertiajs/inertia-react';

export default function UserDashboard(props) {
    return (
        <Authenticated
            auth={props.auth}
            errors={props.errors}
            message={props.message}
            header={<h2 className="font-semibold text-xl text-gray-800 leading-tight">Dashboard</h2>}
        >
            <Head title="User Dashboard"/>

            <div className="py-12">
                <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
                    <div className="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                        <div className="p-6 bg-white border-b border-gray-200">You're logged in - BankUser!{message} </div>
                    </div>
                </div>
            </div>
        </Authenticated>
    );
}

我究竟做錯了什么？

為什么消息未定義？

Answer 1

解決了。 它是 {props.message} - 或者可以提取道具，例如：導出默認功能 UserDashboard({auth, errors, message}) {

Laravel 慣性反應 - 傳遞一個道具

問題描述

1 個解決方案

解決方案1
0 2022-07-19 21:08:25

Laravel 慣性反應 - 傳遞一個道具

問題描述

1 個解決方案

解決方案1 0 2022-07-19 21:08:25

解決方案1
0 2022-07-19 21:08:25