第 7:9 行：期望一个赋值或 function 调用，而是看到一个表达式 no-unused-expressions

Question

import React from 'react'
import "./main.css";

function MainContent(){

        <div className="card">

            <div className="card_img">
                <img src="./images/iphone_13_pro_max.png" />
            </div>

            <div className="card_header">
                <h2>"I Phone 13 Pro Max"</h2>
                <p>"Release date: 14th September 2021"</p>
                <p className='starPatter'>"4.5/5"</p>
            <div className='btn'>More Details</div>

            </div>

        </div>

我的代码是这样的，当我运行代码时，它给了我以下错误

第 7:9 行：期望一个赋值或 function 调用，而是看到一个表达式 no-unused-expressions

我为此尝试了我所知道的，但没有解决

Answer 1

将你的 jsx 包装在 return 语句中

return (
   <div className="card">
   ...
   </div>);

Answer 2

我认为问题在于您将 jsx 放入 function `MainContent 中而不返回任何内容。

要解决此问题，请执行以下操作：

function MainContent() {
  return (
    <put all the jsx here>
  )
}