欧宝娱乐app下载地址Symfony UX React

编辑本页

安装
使用
向后兼容承诺

欧宝娱乐app下载地址Symfony UX React

欧宝娱乐app下载地址Symfony UX React是一个Symfony bundle集成反应在Sy欧宝娱乐app下载地址mfony应用程序中。它是Symf欧宝娱乐app下载地址ony UX计划．

React是一个用于构建用户界面的JavaScript库。欧宝娱乐app下载地址Symfony UX React提供了从Twig渲染React组件的工具，处理渲染和数据传输。

欧宝娱乐app下载地址Symfony UX React支持React 18+。

安装

在你开始之前，确保你有欧宝娱乐app下载地址在你的应用中配置Symfony UX．

然后使用Composer和Symfony Flex安装包:欧宝娱乐app下载地址

               1 2 3 4 5 6 7 8 9
               ＄作曲家需要symfony/ux-r欧宝娱乐app下载地址eact不要忘记安装JavaScript依赖项并进行编译＄NPM install——force＄NPM运行监视#或用纱线＄纱线安装力＄纱看
              

您还需要在您的末尾添加以下行资产/ app.js文件:

               12 3 4 5 6 7 8 9 10 11 12 13
               / /资产/ app.js进口{registerReactControllerComponents}从“@欧宝娱乐app下载地址symfony / ux-react”；//注册React控制器组件，允许从Twig加载它们//// React控制器组件是用于渲染的组件// from Twig。这些组件然后依赖于其他不会被调用的组件//直接从Twig。////通过在' react/controllers '中只放置控制器组件，你可以确保//内部组件不会自动包含在JS构建文件中，如果//它们不是必需的。registerReactControllerComponents (需要.context (”。/ /控制器的反应，真正的/ \。(j | t) sx ?美元/));
              

使用

UX React通过使用一个系统来工作React控制器组件:使用注册的React组件registerReactControllerComponents而这意味着从树枝渲染。

当使用registerReactControllerComponents配置显示之前，所有React组件位于目录资产/反应/控制器注册为React控制器组件。

然后，你可以在Twig中使用react_component．例如:

               1 2 3 4 5 6
               / /资产/ /控制器/ MyComponent.jsx反应进口反应从“反应”；出口默认的函数（道具）｛返回<div>你好{props.fullName}div>；｝
              

               1 2 3
               {#模板/ home。树枝#}<div{{react_component('MyComponent'， {'fullName': app.user.fullName})}}>div>
              

向后兼容承诺

这个包旨在遵循与Symfony框架相同的向后兼容性承诺:欧宝娱乐app下载地址https://欧宝娱乐app下载地址www.oldmanjams.com/doc/current/contributing/code/bc.html

此工作，包括代码示例，是根据创作共用BY-SA 3.0许可证。