亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

React Native 中的 if、else if、else 語句用于更改文本

React Native 中的 if、else if、else 語句用于更改文本

一只甜甜圈 2023-07-20 15:45:30
在這里反應原生新手。我正在嘗試更改文本輸出,以便如果一天中的時間是早上,屏幕會顯示“早上”,如果一天中的時間在下午 5 點之前和 12 點之后,屏幕會顯示“下午”,如果時間是下午 5 點之后,屏幕會顯示“晚上”。我是用來 var now = new Date().getHours(); 爭取時間的。我如何使用它來與 if、else if、else 進行本機反應,以便更改屏幕上的文本。    import { StatusBar } from 'expo-status-bar';    import React from 'react';    import { StyleSheet, Text, View, Image, Date } from 'react-native';        const Greeting = (props) => {    var now = new Date().getHours();    if(now<12){        return <Text style={styles.h1}>Morning</Text>     };        if (now >= 12 && now <= 17) {       return <Text style={styles.h1}>Afternoon</Text>      };       return (        <Text style={styles.h1}>Evening</Text>  );}const styles = StyleSheet.create({    h1: {    color:'black',    backgroundColor:'#f9f9f9',  },});export default Greeting;上面是我在嘗試了各種其他語法后得到的代碼。
查看完整描述

1 回答

?
大話西游666

TA貢獻1817條經驗 獲得超14個贊

從導入中刪除 Date,Date 內置于 React Native,您不需要導入它。對您的消息使用掛鉤(useState 和 useEffect)并返回一個 Text 組件。


import React from 'react';

import { StyleSheet, Text, View, Image } from 'react-native';

import { StatusBar } from 'expo-status-bar';


const Greeting = (props) => {

  const [message, setMessage] = React.useState('Evening');


  React.useEffect(() => {

    const now = new Date().getHours();


    if (now < 12) {

      setMessage('Morning');

    } else if (now >= 12 && now <= 17) {

      setMessage('Afternoon');

    }

    

  }, []);


  return <Text style={styles.h1}>{message}</Text>;

};


const styles = StyleSheet.create({

  h1: {

    color: 'black',

    backgroundColor: '#f9f9f9',

  },

});


export default Greeting;


查看完整回答
反對 回復 2023-07-20
  • 1 回答
  • 0 關注
  • 242 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號