Reactjs rest上管理中带有图像的自定义标题

我正在使用来构建下一个仪表板。我想能够在标题前面的标题中添加一个徽标/图像。这会涉及到一个自定义主题，还是有一种侵入性较小的方法来实现这一点？

我找到了答案，并认为我会在stackoverflow上与下一个面临此问题的开发人员分享

上的

标题

道具接受节点。所以这是可行的：

import {Admin} from 'admin-on-rest';

const App = () => (
  <Admin title={<AppTitle />}>
    // Resources
  </Admin>
);

// Default styles
const appTitleStyles = {
  whiteSpace        : 'nowrap',
  overflow          : 'hidden',
  WebkitTextOverflow: 'ellipsis',
  textOverflow      : 'ellipsis',
  margin            : 0,
  letterSpacing     : 0,
  fontSize          : 24,
  fontWeight        : '400',
  color             : 'rgb(255, 255, 255)',
  height            : 44,
  paddingTop        : 10,
  paddingBottom     : 10,
  WebkitFlex        : '1 1 0%',
  MsFlex            : '1 1 0%',
  flex              : '1 1 0%'
};

const AppTitle = () => (
  <img style={appTitleStyles} src="./my-cool-logo.png" />
);

export default App;

从'Admin on rest'导入{Admin}；
常量应用=（）=>(
//资源
);
//默认样式
常数appTitleStyles={
空白：“nowrap”，
溢出：“隐藏”，
WebKittOverflow:“省略号”，
textOverflow:'省略号'，
保证金：0，
字母间距：0，
尺寸：24，
fontWeight:'400'，
颜色：“rgb（255，255，255）”，
身高：44，
paddingTop:10，
填充底部：10，
WebkitFlex:'11 0%'，
MsFlex:'11 0%'，
弹性：“10%”
};
常量AppTitle=（）=>(
);
导出默认应用程序；