React.js报错Did you accidentally export a JSX literal instead of a component?

React.js报错 Did you accidentally export a JSX literal instead of a component?

子组件使用了某个子组件参数变量（该参数期望的是一个react组件），在子组件的render中渲染，且使用的是JSX 标签渲染。而该参数传递过来的是<></>。这是会报错

Comp子组件

//Comp子组件
render() {
	const { showTitle } = this.props
	const CompShowTitle  = showTitle
	return (
		<div>
			<CompshowTitle />
		</div>
	)
}

父组件

// 父组件使用子组件
render() {
	return (<Comp
	  showTitle={<></>}
	/>)
}

这时，会报错上面的错

解决办法

showTitle 传递一个react组件函数，把该组件函数传给showTitle属性