正在获取错误,该错误应为赋值或函数调用,但却看到一个没有未使用表达式的表达式



我是react js的新手,我正在学习Udemy课程,但我得到了一个错误,"应该是赋值或函数调用,但却看到了一个没有未使用表达式的表达式"。基本上,我使用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;

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

此外,修复你的凹痕,这有助于在长期中保持你的理智

最新更新