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

Posted 2023-02-21

【中文标题】第 9 行：期望一个赋值或函数调用，而是看到一个表达式 no-unused-expressions

【英文标题】：Line 9: Expected an assignment or function call and instead saw an expression no-unused-expressions

【发布时间】：2020-02-13 19:35:54

【问题描述】：

我无法弄清楚我遇到的错误。

第 9 行：应为赋值或函数调用，但看到的是表达式 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>
        )
    

【问题讨论】：

您忘记返回第 9 行的 。

【参考方案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>
  )

【讨论】：

谢谢。这么简单的事情。我一遍又一遍地读它，仍然没有抓住它。

没问题，发生在我们所有人身上......一直

确实如此，有时只需要第二眼