Reactで関数共通化
関数用TSファイル作成
(例 /src/components/functions.ts)
し、下記関数を作成
export const getWeek = (timestamp: string): string => {
let date: Date = new Date(timestamp);
let dayOfWeek: number = date.getDay(); // 曜日(数値)
let dayOfWeekStr: string = ["日", "月", "火", "水", "木", "金", "土"][
dayOfWeek
]; // 曜日(日本語表記)
return dayOfWeekStr;
};
関数を使いたいファイルに
例
/src/components/Post.tsx 内に
......
import { getWeek} from "./functions";//追記
....
return(
({getWeek(props.timestamp?.toDate())})//日付のデータを引数にとれば曜日が表示される。。
)
複数の関数を作りたければ
下に
export const 〇〇 = () =>{...}
を追記
関数を使いたいファイルを修正
import { getWeek,〇〇} from "./functions";
以上簡単です。。
う~ん、わかりにくかったらすみません。
(例 /src/components/functions.ts)
し、下記関数を作成
export const getWeek = (timestamp: string): string => {
let date: Date = new Date(timestamp);
let dayOfWeek: number = date.getDay(); // 曜日(数値)
let dayOfWeekStr: string = ["日", "月", "火", "水", "木", "金", "土"][
dayOfWeek
]; // 曜日(日本語表記)
return dayOfWeekStr;
};
関数を使いたいファイルに
例
/src/components/Post.tsx 内に
......
import { getWeek} from "./functions";//追記
....
return(
({getWeek(props.timestamp?.toDate())})//日付のデータを引数にとれば曜日が表示される。。
)
複数の関数を作りたければ
下に
export const 〇〇 = () =>{...}
を追記
関数を使いたいファイルを修正
import { getWeek,〇〇} from "./functions";
以上簡単です。。
う~ん、わかりにくかったらすみません。
にほんブログ村に参加してます。評価頂けるならいいねがわりにクリックをお願いします。
コメント