Блог

Я пытаюсь отобразить определенный текст в зависимости от времени пользователя. вот мой код**

   const LearningComponent = () => {
  const [currentDate, setCurrentDate] = useState("");

  useEffect(() => {
    var hours = new Date().getHours();
    var min = new Date().getMinutes();
    var sec = new Date().getSeconds();
    setCurrentDate(hours   ":"   min   ":"   sec);
  }, []);

  // from 8.00 to 12.00 good mornings
  // from 12.00 16.00 good afternoon
  // from 16.00 to 21.00 goodEvening

  return (
    <View style={styles.container}>
      <View style={styles.Graeting}>
        {currentUser >= 8 ? (
          <Text style={styles.name}>Good Morning</Text>
        ) : (
          <Text style={styles.name}>Good Evening</Text>
        )}
      </View>
    </View>
  );
};

export default LearningComponent;
 

Я не знаю, как этого добиться .
Я действительно знаю Логику