如何在ES6上导入新的mui.Styles.ThemeManager()？

Question

我在我的项目中使用React和MaterialUI.我想知道如何导入它

var RaisedButton = mui.RaisedButton,
    ThemeManager = new mui.Styles.ThemeManager();

到ES6

这就是我到目前为止的方式

import React from "react";
import { Link } from "react-router";
import ReactLogo from "elements/ReactLogo";
import mui from 'material-ui';

var RaisedButton = mui.RaisedButton, 
    ThemeManager = new mui.Styles.ThemeManager();

？

Answer 1

干得好:

import React from 'react';
import { Link } from 'react-router';
import ReactLogo from 'elements/ReactLogo';

import mui, { RaisedButton } from 'material-ui';
let ThemeManager = new mui.Styles.ThemeManager();

class YourAwesomeComponent extends React.Component
{
    static get childContextTypes()
    {
        return { muiTheme: React.PropTypes.object };
    }

    getChildContext()
    {
        return { muiTheme: ThemeManager.getCurrentTheme() };
    }

    render ()
    {
        return (
            <div>
                <RaisedButton />
            </div>
        )
    }
};

module.exports = YourAwesomeComponent;

该MDN文档会帮助你理解ES6导入更好.