Я хочу передать компонент React в качестве входной подсказки другому компоненту React. Я попытался ссылаться на него как на React.Component <*, *, *>, но когда я использую переданный компонент в методе рендеринга, я получаю сообщение об ошибке. Вот как я написал код потока.
/* @flow */
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
const Input = props => <div>Yo</div>
type DefaultProps = {
InputComponent: Input
};
type Props = {
InputComponent: React.Component<*, *, *>
};
class App extends Component<DefaultProps, Props, void> {
static defaultProps = {
InputComponent: Input
};
props: Props;
render() {
const { InputComponent } = this.props
return (
<div>
<InputComponent />
</div>
)
}
}
ReactDOM.render(
<App />,
document.getElementById('root')
)
Однако в методе рендеринга приложения я получаю ошибку
React element 'InputComponent' (Expected React component instead of React$Component)
Как правильно правильно вводить компоненты ввода?