Question

我能够从我的服务器呈现反应但我不能在我的组件上使用任何属性。

这是我的代码

var SiteComponent = React.createClass({
  getInitialState: function() {
    return {secondsElapsed: 0};
  }

  render() {
    return (
      <div className="search-component">
        <span>You are searching for: TEST</span>
        {{this.state.secondsElapsed}}
      </div>

    );

  }

});

var MySiteComponent = React.createFactory(SiteComponent);

var App = React.createClass({

  render() {
    return MySiteComponent({prop: 'value'});    
  }

});

module.exports = App;

国家打破一切。为了公平起见，我在此代码后使用另一个工厂来渲染所有内容。它有效，但我不能使用道具或州。

function react(Component) {
  var ReactApp = React.createFactory(Component, {test: '1010'});
  return ReactDOMServer.renderToString(ReactApp());
}

测试1010是为了在我的属性上显示某些内容但它无法正常工作

Answer 1

function react(Component) {
  var ReactApp = React.createFactory(Component);
  return ReactDOMServer.renderToString(ReactApp({test: '1010'}));
}

渲染组件时应该传递

props，而不是在工厂创建

在服务器端进行反应

1 个答案: