如何在服务器端渲染es6方式上管理react组件？

Question

我使用react，react-router，babel（es6），webpack和组件在服务器端和客户端都呈现。

有时我应该确定在节点或浏览器上呈现组件。 isomorphic500的解决方案很好。

import React from 'react';
...
if (process.env.BROWSER) {
    require("some.css");
    var someLib = require("only-works-on-browser-lib");
    var BrowserComponent = require("Only-works-on-browser-component")
}

export default class Comp extends React.Component {
    render() {
        var browserComp;
        if (process.env.BROWSER) {
            browserComp = <BrowserComponent />
        } else {
            browserComp = null; 
        }

        return (
            <div>
                {browserComp}
            </div>
        )
    }
}

但我正在寻找更多的es6方式。还有更好的办法吗？

Answer 1

我会用let替换所有变量。在大多数情况下，一切看起来都很不错。