2016-05-31 6 views
2

이상한 행동이 코드를 가진 appbar 만들려고 할 때 : 내가 가지고있는재질-UI 반작용 : 스택 appbar를

enter image description here

:

import React, { Component } from 'react'; 
import getMuiTheme from 'material-ui/styles/getMuiTheme'; 
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; 
import AppBar from 'material-ui/AppBar'; 

// Needed for onTouchTap 
import injectTapEventPlugin from 'react-tap-event-plugin'; 
injectTapEventPlugin(); 

export default class App extends Component { 
    render() { 
     return (
      <MuiThemeProvider muiTheme={getMuiTheme()}> 
       <div> 
        <AppBar title="Title"/> 
       </div> 
      </MuiThemeProvider> 

     ); 
    } 
} 

결과는 나에게 쌓인 appbar를 제공을 절대적으로 그게 왜 그 일을하고 어떤 비슷한 문제도 발견하지 못했다. 반응 물질-UI는 meteor npm install material-ui

편집을 통해 설치된 나는 신선한 유성 인스턴스에서 실행하고 있습니다 : 조사 후에는 문제가 appbar가 display:flex이없는 것으로 보인다. 그러나 style={{display:'flex'}} (수동 변경 없음)을 수동으로 추가하는 것은 불가능합니다.

+0

이상한 행동 : 반응 형 레이아웃을 시도하고 Chrome 속성을 통해 페이지를 새로 고침하면 갑자기 작동합니다. 하지만 여전히 새로 고침 후 정상적인 레이아웃으로 작동하지 않습니다. – Almaju

답변

1

한 신속하고 더러운 수정 :

그리고 main.css가에서 <AppBar title="Title" className="appBar" /> :하지만

.appBar{ 
    display:flex; 
} 

이상한 행동.