期望一個賦值或 function 調用，而是在嘗試使用 react 制作組件時看到一個表達式 no-unused-expressions

Question

我收到此錯誤，我無法解決此問題：- 第 6 行：預期分配或 function 調用，而是看到一個表達式 no-unused-expressions

import React from 'react';
import classes from './BurgerGraphic.module.css';
import BurgerIng from './BurgerIng/BurgerIng';
const BurgerGraphic = (props) => {
    return
    (
        <div className={classes.Burger}>
            <BurgerIng type="bread-top" />
        </div>
    );
};

export default BurgerGraphic;

Answer 1

JavaScript 要求返回值與返回值本身在同一行。

這可以通過在與返回相同的行上打開括號然后在多行中輸入返回值來解決。

import React from 'react';
import classes from './BurgerGraphic.module.css';
import BurgerIng from './BurgerIng/BurgerIng';
const BurgerGraphic = (props) => {
    return (
        <div className={classes.Burger}>
            <BurgerIng type="bread-top" />
        </div>
    );
};

export default BurgerGraphic;