在 React 服务器端渲染中将 Javascript 对象作为道具传递

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 中，您将能够在props 中访问services。
所以，它会是这样的

class RootComponent extends React.PureComponent {
  // ...

  render () {
    const { services } = this.props;
    // ...
  }
}

或

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