首页 文章

React：相邻的JSX元素必须包装在一个封闭的标记中

提问于
浏览 次
-1

我有以下返回语句，即给出错误 Adjacent JSX elements must be wrapped in an enclosing tag 任何想法有什么问题？

return (
      <div>
       {(this.props.someProp !== undefined) ? (    
        <Header ..something.. />
        <MyElement
         ...something...
        />
      ) : (
        <card>
        </card>
      )}
      </div>
    );
reactjs jsx

2 回答

  • 1

    显然，你错过了条件语句中的包装器 .

    return (
  <div>
    {(this.props.someProp !== undefined) ? 
      <div>
       <Header ..something.. />
       <MyElement
         ...something...
       />
     </div>
       : 
      <card>
        something
      </card>
    }
  </div>
)
    回复于
  • 1

    React元素只能返回一个元素 .

    做这个

    return (
    <div>
       <Card1 />
       <Card2 />
    </div>
)

    代替

    return (  
    <Card1 />
    <Card2 />
)
    回复于

相关问题