ツールバーの素材UI画像

Question

Reactjs and Material-uiを初めて使用しました。私はタイトルテキストをSVGロゴに変更しようとしましたが、私はこれで失われました。助けて！

/** 
* 
* UserPanelToolbar 
* 
*/ 

import React, { PropTypes } from 'react'; 
import Toolbar from 'react-md/lib/Toolbars'; 

class UserPanelToolbar extends React.Component { // eslint-disable-line  react/prefer-stateless-function 
    render() { 
     const items = this.props.items; 
     return (
      <Toolbar 
       title = "TITLE" 
       actions = {items} 
      /> 
     ); 
    } 
} 
UserPanelToolbar.propTypes = { 
    items: PropTypes.arrayOf(PropTypes.element).isRequired, 
}; 

export default UserPanelToolbar; 

Answer 1

私はあなたのアプリケーションバーで画像を使用したい正確にどのようにわからないんだけど、iconElementLeftとiconElementRight小道具の両方の要素を入れることが可能です。

Answer 2

閉じるタグをAppbar要素に追加するだけで（自己閉じタグを削除して）、画像を内部に配置します。今どこに正確に配置したいのか分かりませんが、詳細を教えてもらえれば助かります。

<Toolbar title = "TITLE" actions = {items}> 
    <img src="http://placekitten.com/25/25" alt="Kitten" height="25" width="25" /> 
</Toolbar>