Question

我有以下返回语句，提示错误Adjacent JSX elements must be wrapped in an enclosing tag知道什么是错的吗？

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

Answer 1

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

这样做

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

相反

return (  
    <Card1 />
    <Card2 />
)

Answer 2

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

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

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

2 个答案: