我有一個專案，我想在其中獲取當天的名稱作為反應程式中的標題。例如“星期一你好！” 我得到的錯誤是這toDayString不是一個函式。作為一個試圖在非常基本的水平上學習的新手，我真的不知道如何利用它來制作一個功能？希望這對你們中的一些人來說是一個相當簡單的問題，可以幫助迷失的靈魂？這是我到目前為止在 HelloDay.js 中得到的代碼女巫被匯入到 App.js 中<HelloDay/>
import React from 'react';
var HelloDay = () => {
var showdate = new Date();
var displaytodaysday =
showdate.getDay();
var dt = showdate.toDayString();
return (
<div>
<top>
<h1>
"Hello"
{displaytodaysday}
</h1>
</top>
</div>
);
};
export default HelloDay;
uj5u.com熱心網友回復：
您可以使用 new Intl.DateTimeFormat('en-US', { weekday: 'long' }).format(yourDate)
它在這里描述：https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getDay
所以在你的情況下，我會做這樣的事情：
const HelloDay = () => {
const nameOfCurrentDay = new Intl.DateTimeFormat('en-US', { weekday: 'long' }).format(new Date());
return (
<div>
<top>
<h1>
Hello {nameOfCurrentDay}
</h1>
</top>
</div>
);
};
export default HelloDay;
uj5u.com熱心網友回復：
嘗試使用這個
const dt = showdate.toLocaleString("default", { weekday: "long" });
這里的作業示例：https : //codesandbox.io/s/lucid-brook-1he8o?file=/src/App.js : 162-229
uj5u.com熱心網友回復：
沒有從日期中獲取日期名稱的標準方法。您可以使用一些庫，但如果用例僅限于顯示當天，我認為沒有庫也是可行的。
我建議創建一個單獨的函式來獲取給定日期的日期名稱。，有些想法像：
const getDayFromDate = (date) => {
const finalDate = date || new Date();
const days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
return days[finalDate.getDay()];
// or use date object to return the day
// return date.toLocaleString('default', {weekday: 'long'});
}
const HelloDay = () => {
var showdate = new Date();
var displaytodaysday = getDayFromDate(showdate);
return (
<div>
<top>
<h1>
"Hello"
{displaytodaysday}
</h1>
</top>
</div>
);
};
export default HelloDay;
這是一個非常粗略的方法，但我希望你能明白。
uj5u.com熱心網友回復：
使用IntlAPI的答案提供了一個很好的輸入，但我想為您提供有關如何使用舊的 JavaScript Date API 執行此操作的見解。
要記住的關鍵點是您呼叫getDay()回傳一周的日期索引，而不是作為字串的日期。因此，您需要將它用于將日期作為字串的集合。此外，索引 0 天計數從Sunday開始：
var HelloDay = () => {
var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
var displaytodaysday = days[new Date().getDay()];
return (
<div>
<top>
<h1>
Hello {displaytodaysday}
</h1>
</top>
</div>
);
};
或者，您可以使用toLocaleString格式選項，如下所示：
var HelloDay = () => {
var displaytodaysday = new Date().toLocaleString("en-US", { weekday: "long" });
return (
<div>
<top>
<h1>
Hello {displaytodaysday}
</h1>
</top>
</div>
);
};
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/337238.html
標籤：反应