第 9 行：需要賦值或 function 調用，而是看到一個表達式 no-unused-expressions

Question

我無法弄清楚我得到的錯誤。

第 9 行：需要一個賦值或 function 調用，而是看到一個表達式 no-unused-expressions。

import React from 'react'
import { connect } from 'react-redux'
import { firestoreConnect } from 'react-redux-firebase'
import { compose } from 'redux'

function DrinkDetails(props) {
    const { drink } = props;
    if (drink) {
        <div className="container section drink-details">
            <div className="card z-depth-0">
                <div className="card-content">
                    <span className="card-title">{ drink.title }</span>
                    <p>{ drink.content }</p>
                </div>
                <div className="card-action grey lighten-4 grey-text">
                    <div>Posted by {drink.authorFirstName} {drink.authorLastName}</div>
                    <div>30th of August, 3am</div>
                </div>
            </div>
        </div>
    } else {
        return (
            <div className="container center">
                <p> Loading Drink...</p>
            </div>
        )
    }

}

Answer 1

你需要在if(drink)之后返回一個return來返回你的 JSX。

if (drink) {
  return (
    <div className="container section drink-details">
      <div className="card z-depth-0">
        <div className="card-content">
          <span className="card-title">{ drink.title }</span>
          <p>{ drink.content }</p>
        </div>
      </div>
      <div className="card-action grey lighten-4 grey-text">
          <div>Posted by {drink.authorFirstName} {drink.authorLastName}</div>
          <div>30th of August, 3am</div>
      </div>
    </div>
  )
}