react es6 服务器端渲染不需要工厂？

Question

I was writing an app with react and to perform server-side rendering I did the following:

var Component = require('myComponent');
var ComponentFactory = React.createFactory(Component);

/* GET home page. */
router.get('/', function (req, res, next) {
    res.render('index', {
        react: ReactDom.renderToString(ComponentFactory()),
    });
});

Now I'm rewriting the app but switched most of the javascript to ES6, but when I tried to create a factory with the component, it would not show up in the browser, instead I had to do the following:

var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
    res.render('index', { 
        reacthtml: ReactDom.renderToString(<InfoBoxes />)***here***
    });
});

I had to just input the component in jsx syntax. Is this ES6 dependent or is there another reason why this may happen?

Answer 1

JSX like this:

<InfoBoxes />

Is actually transpiled into this:

React.createElement(InfoBoxes)

And createFactory looks (roughly) like this:

function createFactory(type) {
    return React.createElement.bind(null, type);
}

So they are ultimately equivalent; you don't need to use factories if you're using jsx.