第 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>
  )
}