得到预期赋值或函数调用的错误，而是看到一个表达式 no-unused-expressions？

Question

我是 react js 的新手，我正在学习 Udemy 课程，但我收到了“期望赋值或函数调用，却看到一个表达式 no-unused-expressions”的错误。基本上我正在使用 firebase 数据库来开发这个应用程序在这个应用程序中，用户把他们的名字写成学生。

import React, { Component } from 'react';
import 'bootstrap/dist/css/bootstrap.min.css';

var firebase=require('firebase');
var uuid=require('uuid');

var firebaseConfig = {
    apiKey: "AIzaSyAwXf9-4PgY0ttsGy1FHmyLHZOFO1oVcic",
    authDomain: "uservey-206d4.firebaseapp.com",
    databaseURL: "https://uservey-206d4.firebaseio.com",
    projectId: "uservey-206d4",
    storageBucket: "uservey-206d4.appspot.com",
    messagingSenderId: "723372497898",
    appId: "1:723372497898:web:0ebb13dcb9ce6d2f6eb093",
    measurementId: "G-J6190VVVQH"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);

class Survey extends Component {
    constructor(props) {
        super(props);
        this.state = { 
            uid:uuid.v1(),
            studentName:'',
            answers:{
                answer1:'',
                answer2:'',
                answer3:'',
            },
            isSubmitted:false
         };
    }
    render() {
       var studentName;
       var questions;
         if(this.state.studentName ==='' && this.state.isSubmitted === false){
          <div>
              <h1>Please Enter Your Name:</h1>
             <input type="text" className="form-control" placeholder="Please Enter Your Name"/>
              </div>
         }
        return( 
        <div>
            {studentName}
            ------------------------------
            {questions}
            </div> );}
}

export default Survey;

Answer 1

render 函数希望您返回 jsx 进行渲染，因此：

 render() {
   if(this.state.studentName ==='' && this.state.isSubmitted === false){
     return (
       <div>
         <h1>Please Enter Your Name:</h1>
         <input type="text" className="form-control" placeholder="Please Enter Your Name"/>
       </div>
    )
   }

   return ( 
     <div>
            {studentName}
            ------------------------------
            {questions}
     </div>
   );
}

此外，修复您的缩进，从长远来看有助于保持您的理智