第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

React Native 中的 if、else if、else 語(yǔ)句用于更改文本

React Native 中的 if、else if、else 語(yǔ)句用于更改文本

一只甜甜圈 2023-07-20 15:45:30
在這里反應(yīng)原生新手。我正在嘗試更改文本輸出,以便如果一天中的時(shí)間是早上,屏幕會(huì)顯示“早上”,如果一天中的時(shí)間在下午 5 點(diǎn)之前和 12 點(diǎn)之后,屏幕會(huì)顯示“下午”,如果時(shí)間是下午 5 點(diǎn)之后,屏幕會(huì)顯示“晚上”。我是用來(lái) var now = new Date().getHours(); 爭(zhēng)取時(shí)間的。我如何使用它來(lái)與 if、else if、else 進(jìn)行本機(jī)反應(yīng),以便更改屏幕上的文本。    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;上面是我在嘗試了各種其他語(yǔ)法后得到的代碼。
查看完整描述

1 回答

?
大話(huà)西游666

TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超14個(gè)贊

從導(dǎo)入中刪除 Date,Date 內(nèi)置于 React Native,您不需要導(dǎo)入它。對(duì)您的消息使用掛鉤(useState 和 useEffect)并返回一個(gè) 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;


查看完整回答
反對(duì) 回復(fù) 2023-07-20
  • 1 回答
  • 0 關(guān)注
  • 254 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)