Question

我是Reactjs和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

我不确定你想如何在AppBar中使用图像，但是可以在iconElementLeft和iconElementRight道具中放置一个元素。

Answer 2

只需在Appbar元素中添加一个结束标记（删除自闭标记）并将图像放入其中。现在我不知道你想把它放在哪里，但如果你给我更多细节，我愿意帮忙。

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

工具栏上的材质UI图像

2 个答案: