InertiaJS的createInertiaApp方法中的Global React组件

Question

如何在Laravel 9中向InertiaJS的createInertiaApp()方法添加全局组件(例如<Link />(？

createInertiaApp({
title: (title) => `${title} - ${appName}`,
resolve: (name) => resolvePageComponent(`./Pages/${name}.jsx`, import.meta.glob('./Pages/**/*.jsx')),
setup({ el, App, props }) {
return render(<App {...props} />, el);
},
});

Answer 1

这里有一个全局组件注册的示例。在这种情况下，我将从InertiaJS全局导入Head组件。

import { createInertiaApp, Head } from '@inertiajs/inertia-vue3';
createInertiaApp({
title: (title) => `${title} - ${appName}`,
resolve: (name) => resolvePageComponent(`./Pages/${name}.jsx`, import.meta.glob('./Pages/**/*.jsx')),
setup({ el, App, props }) {
return render(<App {...props} />, el).component('Head', Head);
},
});

来源于此。