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

我有下面的返回语句，它给出了错误

相邻的JSX元素必须被包装在一个封闭的标记中
知道哪里出了问题吗

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

返回(
{（this.props.someProp！==未定义）？（
) : (
)}
);
显然，您错过了条件语句中的包装器

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

返回(
{（this.props.someProp！==未定义）？
: 
某物
}
)
显然，您错过了条件语句中的包装器

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

返回(
{（this.props.someProp！==未定义）？
: 
某物
}
)
React元素只能返回一个元素

这样做

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

返回(
)

反而

return (  
    <Card1 />
    <Card2 />
)

返回（
)
React元素只能返回一个元素

这样做

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

返回(
)

反而

return (  
    <Card1 />
    <Card2 />
)

返回（
)
render（）方法必须返回单个JSX元素，如果您有多个元素，它们需要由单个元素（如“div”）包围。@FinbarrO'B我在div中有它，对吗？您使用的是条件运算符吗？在您的示例中，它不是真正有效的JSX，正如@Kind user在他们的回答中指出的那样是更新的questionrender（）方法必须返回单个JSX元素，如果您有多个元素，它们需要由单个元素包围，例如“div”。@FinbarrO'B我在div中有它，对吗？您使用的是条件运算符吗？在您的示例中，它不是真正有效的JSX，正如@Kind user在其回答Yes更新问题中指出的，您是否将
标题
和
MyElement
包含在
div
中？您是否将
标题
和
MyElement
包含在
div中？