我的问题是：我一直在阅读SilverStripe
4文档，以便找到一种方法将现有的React应用程序（只是一个嵌套的React组件的UI，没有后端）插入SilverStripe页面布局。这有可能吗？如何确保SilverStripe具有正确的依赖关系？

到目前为止，我的研究试图回答这个问题：由于传统的React项目使用NPM（节点程序包管理器）来获取所有正确的依赖关系，并且Node.js作为服务器，所以我想知道如何在我的SilverStripe项目在Apache服务器。我已经找到了这个包，是否需要将其添加到我的项目中？
https://www.npmjs.com/package/@silverstripe/webpack-
config

我遇到的最接近的是一篇有关在SilverStripe项目中包括React组件的文章，讨论自定义CMS的管理界面。我想改为在网站的公共页面上显示React组件。
https://docs.silverstripe.org/zh/4/developer_guides/customising_the_admin_interface/reactjs_redux_and_graphql/

在本文中，提到了一种客户端框架，该框架具有自己的依赖项注入实现，称为Injector。我没有其他文档可以找到。

我有一个PageController类，目前仅具有与SilverStripe有关的要求（JavaScript和CSS）。这是通过遵循SilverStripe课程1
-4进行的。

<?php

namespace {

    use SilverStripe\CMS\Controllers\ContentController;

    use SilverStripe\View\Requirements;

    class PageController extends ContentController
    {

        private static $allowed_actions = [];

        protected function init()
        {
            parent::init();
            // You can include any CSS or JS required by your project here.
            // See: https://docs.silverstripe.org/en/developer_guides/templates/requirements/
                Requirements::css('css/bootstrap.min.css');
                Requirements::css('css/style.css');
                Requirements::javascript('javascript/common/modernizr.js');
                Requirements::javascript('javascript/common/jquery-1.11.1.min.js');
                Requirements::javascript('javascript/common/bootstrap.min.js');
                Requirements::javascript('javascript/common/bootstrap-datepicker.js');
                Requirements::javascript('javascript/common/chosen.min.js');
                Requirements::javascript('javascript/common/bootstrap-checkbox.js');
                Requirements::javascript('javascript/common/nice-scroll.js');
                Requirements::javascript('javascript/common/jquery-browser.js');
                Requirements::javascript('javascript/scripts.js');
        }
    }
}

我也有一个扩展PageController类的ReactPageController类。我是否在此处包括对React的要求（依赖项？）？

<?php
namespace SilverStripe\Lessons;

use PageController;

class ReactPageController extends PageController 
{
//include another init method here?
}
?>

然后我需要以某种方式将React组件注入到ReactPage.ss的布局中（“ ReactPage.php”类扩展了“
Page.php”类）。注意：Page.ss的布局包括ReactPage.ss将继承的简单导航栏，页眉和页脚。

ReactPage.ss模板

<!-- BEGIN CONTENT -->
        <div class="content">
            <div class="container">
                <div class="row">
                    <div class="main col-sm-8"> 
                        <div>
                           <!-- INSERT REACT CONTENT HERE:replace Hello World!-->
                           <h1>Hello World!</h1>
                        </div>

                    </div>

                    <div class="sidebar gray col-sm-4">
                        <% if $Menu(2) %>
                        <h3>In this section</h3>
                            <ul class="subnav">  
                                <% loop $Menu(2) %>
                                    <li><a class="$LinkingMode" 
                                     href="$Link">$MenuTitle</a></li>
                                <% end_loop %>
                            </ul>
                        <% end_if %>
                    </div>
                </div>
            </div>
        </div>
        <!-- END CONTENT -->

结果将是一个页面，而不是硬编码的“ Hello
World！”，而是一个根组件，其中嵌套了很多组件。嵌套的React应用程序将具有与独立React应用程序相同的功能。

感谢您抽出宝贵时间阅读我的冗长问题。任何答复将不胜感激。我只是在学习React和SilverStripe，我的问题也可能令人困惑或措辞不佳，如果是这种情况，我们感到抱歉。再次感谢
：-）。