在 React 服务器端渲染中将 JavaScript 对象作为 prop 传递

Question

我正在使用 ReactJS.net 来渲染反应服务器端

下面是我的 cshtml 文件中的代码

@Html.ReactRouter("RootComponent", new {services="service" }, containerId: "containerID")

在这里，我需要将服务传递给子组件。我还在入口点文件中声明了该对象

import service from '../../src/components/service.jsx';
global.service = service ;

有没有办法访问该对象

Answer 1

应该是 = 而不是 ：？

@Html.ReactRouter("RootComponent", new {services = "service" }, containerId: "containerID")

上面写的意思是，在您的RootComponent中，您将能够访问services props .
所以，它会像

class RootComponent extends React.PureComponent {
  // ...
  render () {
    const { services } = this.props;
    // ...
  }
}

或

function RootComponent ({ services }) {
  // ...
}