国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Gemeinschaft

Lernen

Tools-Bibliothek

KI-Tools

Freizeit

Deutsch

Laravel Inertia rendert Daten vom Backend zum Frontend

P粉342101652 2024-03-27 00:09:22

629

Die Verwendung von ReactJS mit Laravel Inertia ist brandneu.

Ich versuche, Daten von der Datenbank zum Frontend zu rendern. Ich verwende einen Controller, um Daten aus der Datenbank abzurufen...

// Show all main categories
public static function index() {
    return MainCategory::all(['main_category_id', 'main_category_name']);
}

Dann verwenden Sie web.php, um es über den folgenden Code an das Frontend zu übergeben.

Route::get('/', function () {
   return Inertia::render('Admin/Categories', [
        'categories' => MainCategoryController::index()
   ]);
})->name('admin.category-setup');

Ich wei? derzeit nicht, wie ich es im Frontend mit ReactJS aufrufen sollcategories. Wie kann ich das machen?

P粉342101652

Antworte allen(1)

P粉7712333362024-03-27 13:18:35 1 Etage

我有時會使用 Inertia 內(nèi)置的 usePage-Hook for React 來訪問傳遞的 props。當(dāng)您使用可供所有前端組件訪問的共享數(shù)據(jù)時，這會派上用場（https:// /inertiajs.com/shared-data）。只要您的后端（Laravel）代碼正常工作，并且實(shí)際的 categories-Property 被移交給類別組件或?yàn)樗星岸斯蚕?，您可以?zhí)行以下操作：

import React from 'react';    
import { usePage } from '@inertiajs/inertia-react';
    
    function App() {
        const categories = usePage().props.categories;
    
        return (

{category}

); } 然而，對我來說最常見的做法是簡單地將在 Laravel 中傳遞到 Inertia-Component 中的相同變量名稱賦予到 React-Component-Props 中，如下所示。在我看來，這應(yīng)該完全適合您的用例：

import React from 'react';    
    
    function App({categories}) {        
        return (

{category}

); }

如果您想了解有關(guān) Inertia 的更多信息，我強(qiáng)烈建議您閱讀文檔。開發(fā)人員在解釋一切方面做得非常出色，以便沒有經(jīng)驗(yàn)的 Laravel 和 React Dev 能夠理解發(fā)生了什么。它實(shí)際上沒什么可讀性，但顯示了一些有趣的功能： https://inertiajs.com/