Как проходит материал-UI компонент

Question

Я хочу exetend Вкладки компонента с ES6 классом, как это:

import React from "react"; 

import {Tab} from "material-ui"; 

class MyTab extends Tab { 
    constructor(props){ 
     super(props); 
    } 

    render(){ 
     return super.render(); 
    } 

} 

export default MyTab; 

Но я получаю сообщение об ошибке:

Uncaught TypeError: Cannot read property 'muiTheme' of undefined 

Что я делаю неправильно?

Answer 1

В настоящее время, кажется, требуется функция getInitialState, даже если вы работаете в ES6. Поэтому просто добавьте один (и игнорируйте ошибки).

import ThemeManager from 'material-ui/lib/styles/theme-manager'; 
import LightTheme from 'material-ui/lib/styles/raw-themes/light-raw-theme'; 

getInitialState() { 
    return this.state; 
} 

Я также установил это состояние в конструкторе ala ES6 React.

this.state = {muiThem : ThemeManager.getMuiTheme(LightThem),};