esign / laravel-react-components

在Laravel中使用React组件

1.4.0 2024-03-12 20:54 UTC

This package is auto-updated.

Last update: 2024-09-12 22:00:56 UTC


README

Latest Version on Packagist Total Downloads GitHub Actions

此软件包允许您在Laravel应用程序中注册React组件。

安装

您可以通过composer安装此软件包

composer require esign/laravel-react-components

软件包将自动注册服务提供者。

使用方法

要为React组件注册容器,已包含一个@reactComponent指令。可以将属性作为第二个参数传递

@reactComponent('article-card')
@reactComponent('article-card', ['article' => $article])

如果您需要更多自定义,您始终可以使用匿名组件。此组件允许您传递额外的属性并定义组件应渲染为哪个HTML标签

<x-react-component
    component="article-card"
    :props="['article' => $article]"
    as="span"
    class="container"
/>

要注册前端构建中的组件,您可以使用此软件包中包含的registerReactComponents函数。可以使用以下命令发布

php artisan react-components:install

该文件将被复制到resources/assets/js/utils/registerReactComponents.js,但可以移动到任何其他位置。

import { ArticleCard } from "./Components/ArticleCard";
import { registerReactComponents } from "./utils/registerReactComponents";

registerReactComponents({
    'article-card': ArticleCard,
});

测试

composer test

许可证

MIT许可证(MIT)。有关更多信息,请参阅许可证文件