Я только начал использовать electron-react-boilerplate и в настоящее время пытаюсь использовать настраиваемую строку заголовка с помощью пакета electron-titlebar, который был установлен с помощью npm install --save eletron-titlebar.
Основываясь на своем очень слабом понимании электронного шаблона и электрона в целом, я попробовал то, что предложили документы electron-titlebar, и ввел компонент <TitleBar> на том же уровне, что и элемент children компонента Root , в результате чего код ниже.
Проблема: Однако, когда есть компонент <TitleBar>, мы получаем пустой экран. Удаление компонента возвращает нам наши оригинальные элементы DOM, но, очевидно, нет строки заголовка, поскольку мы только что удалили ее.
Ошибка также отображается в консоли JS
react-dom.development.js: 55 Uncaught Ошибка: недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: undefined. Скорее всего, вы забыли экспортировать компонент из файла, в котором он определен, или вы, возможно, перепутали импорт по умолчанию и имена.
Как правильно использовать electron-titlebar с настройкой electron-react-boilerplate?
/ приложение / контейнеры / App.js
// @flow
import * as React from 'react';
import TitleBar from 'electron-titlebar';
type Props = {
children: React.Node
};
export default class App extends React.Component<Props> {
props: Props;
render() {
const { children } = this.props;
return (
<div>
<TitleBar
title="Electron"
/>
{children}
</div>
)
}
}