2016-04-17 12 views
0

Ich bin in der Lage zu reagieren von meinem Server, aber ich kann keine Eigenschaften für meine Komponente verwenden.Reagieren auf der Serverseite

Hier ist mein Code

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; 

Der Staat alles brechen. Um fair zu sein, verwende ich eine andere Fabrik nach diesem Code, um alles zu rendern. Es funktioniert, aber ich kann keine Requisiten oder Zustände verwenden.

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

Der Test 1010 war etwas auf meine Eigenschaften zu zeigen, aber es funktioniert nicht

+0

gut war es wegen webpack:/ –

Antwort

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

props übergeben werden sollten, wenn Sie Komponente machen, nicht auf Fabrik erstellen

+0

Danke für das Feedback :) –

Verwandte Themen