esign / laravel-react-components
在Laravel中使用React组件
1.4.0
2024-03-12 20:54 UTC
Requires
- php: ^8.0
- illuminate/console: ^8.80|^9.0|^10.0|^11.0
- illuminate/filesystem: ^8.80|^9.0|^10.0|^11.0
- illuminate/support: ^8.80|^9.0|^10.0|^11.0
Requires (Dev)
- friendsofphp/php-cs-fixer: ^3.5
- orchestra/testbench: ^6.0|^7.0|^8.0|^9.0
- phpunit/phpunit: ^9.0|^10.0
README
此软件包允许您在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)。有关更多信息,请参阅许可证文件。