javascript - 如何在服务器端渲染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代替所有的变量。在大多数情况下，一切看起来都不错。