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

亦凉 2023-02-24 08:42 119阅读 0赞

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

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

Comp子组件

  1. //Comp子组件
  2. render() { 
  3.     const {  showTitle } = this.props
  4.     const CompShowTitle  = showTitle
  5.     return (
  6.         <div>
  7.             <CompshowTitle />
  8.         </div>
  9.     )
  10. }

父组件

  1. // 父组件使用子组件
  2. render() { 
  3.     return (<Comp
  4.       showTitle={ <></>}
  5.     />)
  6. }

这时，会报错上面的错

解决办法

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

发表评论

表情：
评论列表 （有 0 条评论，119人围观）

还没有评论，来说两句吧...

相关阅读