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

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

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

要么

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