如何在react.js中进行笑话测试

Question

我正在尝试在我的React代码中进行开玩笑的测试。由于我是此测试的新手，所以我没有足够的主意。我在这里遇到错误。错误是无法读取属性' checkTime”为空。这意味着当我控制台记录我制作的组件时，它输出为null。

Greet.js

setFeatureFlag("invite.enabled",false)

Greet.test.js

import { useState,useEffect } from 'react';
import './App.css';
import Person from './Person'


function Greet() {
const [greet, setGreeet] = useState("");

function checkTime (time) { 
var t1="00:00:00";
var t2="12:00:00";
var t3="17:00:00";
var t4="23:60:60"

if(t1<=time && time<=t2){
  setGreeet("Morning")
}
else if(t2<time && time<=t3){
  setGreeet("Afternoon")
}
else if(t3<time && time<=t4){
  setGreeet("Evening")
}
}



useEffect(() => {
var today = new Date();
var time = today.getHours() + ':' + today.getMinutes() + ':' + today.getSeconds();
checkTime(time);


}, []);


  return (
    <div className="App">        
      <h1><Person name={"Jenifer"} greet={greet}/></h1>
    </div>
  );
} 

export default Greet;