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

Question

I use react, react-router, babel(es6), webpack and components are rendered both server-side and client-side.

Sometimes I should determine a component is rendered on node or browser. isomorphic500 's solution is nice.

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>
        )
    }
}

But I'm looking for more es6 way. Is there better way?

Answer 1

I would replace all the vars with lets. For the most part, everything looks pretty good.