我如何使用 react boot strap 和 react-rails 进行服务器端渲染

Question

我有一个带有 react-rails 的 Rails 应用程序设置，它正在使用服务器端渲染将 React 页面加载到服务器。现在，为了加快我的开发速度，我需要向这些组件添加 react-bootstrap，但我有点卡住了，尝试了多种选择，例如 web packer 和其他库，但不幸的是，其中大多数最终都是客户端渲染

这是我当前的代码

home.js.jsx

const home = (props) => {
  return (
    <div>
      <h1>Hello from React Rails { props.firstName }</h1>
    </div>
  )
}

控制器

class HomeController < ApplicationController
  def show
    render component: "home", props: {firstName: "Test", LastName: "Last Name" }
  end
end

ERB 模板

<%= react_component('home', props: { name: 'World' }) %>

我也尝试从 Chat GPT 获得一些帮助，它建议如下

安装必要的依赖项：react-bootstrap、bootstrap 和 style-loader：

yarn add react-bootstrap bootstrap style-loader

在您的 application.js 文件中，导入 bootstrap 和 style-loader CSS 文件： JavaScript

import 'bootstrap/dist/css/bootstrap.min.css'; import 'bootstrap/dist/js/bootstrap.min.js'; import 'style-loader!css-loader!react-bootstrap-table-next/dist/react-bootstrap-table2.min.css';

然后使用 import React from 'react';

但在这种情况下，我得到错误

**require is not a function**

现在我在想这是否可能？任何帮助表示赞赏

谢谢