鍥犱负瀵筶ess銆乻ass绛塩ss棰勭紪璇戝櫒鎺ヨЕ澶繁锛屾墍浠ュ湪浣跨敤MaterialUI鏃讹紝灏辩洿鎺ョ敤浜嗚繖涓狫SS璇硶锛屾湁鐐瑰按灏垜涔熶範鎯簡锛屾墍浠ヨ姳浜嗙偣鏃堕棿鐮旂┒浜嗕竴涓嬮缂栬瘧鍣ㄧ殑鐭ヨ瘑銆備篃闅忔墜鍐欎簡涓€绡囩瑪璁帮紝浣嗘槸鐢变簬鍐呭涓嶈冻锛屾劅瑙夊共璐т笉澶氾紝灏辨斁寮冨彂琛ㄤ簡锛屽鑷存枃绔犱腑鏂簡涓€澶┿€傛鏂?.瀹炵幇鏃堕棿鐨勫疄鏃舵洿鏂扮幇鍦ㄦ垜鎯冲疄鐜扮殑鏄彲浠ュ湪灞忓箷鍙充笂瑙掑疄鏃舵樉绀烘椂闂淬€傞鍏堜綘鑲畾浼氭兂鍒板叧浜庢椂闂寸殑Date()鏂规硶锛堜笉璁板緱Data鍜孌ate锛夛紝浣嗘槸鎴戜滑閮界煡閬撳畠鐩存帴杈撳嚭鐨勬牸寮忔暟鎹苟涓嶆槸鎴戜滑鎯宠鐨勶紝浣嗘槸鎴戜滑鍘荤殑杩欎釜鏍煎紡Utils鍦?gadget)鏂囦欢澶逛笅鍒涘缓涓€涓猟ateUtils.js鏂囦欢锛屽瓨鏀炬垜浠幏鍙栨椂闂寸殑鍑芥暟浣跨敤鐨勪笌鏃堕棿鐩稿叧鐨勬柟娉曘€傛偍棣栧厛闇€瑕佽幏鍙栨椂闂村璞°€侱ate()鏄竴涓瀯閫犲嚱鏁般€傚鏋滆浣跨敤閲岄潰鐨勬柟娉曪紝灏卞緱鐢╪ew鍒涘缓涓€涓疄渚嬪璞°€備负浜嗚浠ｇ爜鐪嬭捣鏉ユ竻鏅帮紝骞存湀鏃ラ兘鏄┖鐧姐€傚洜涓鸿皟鐢╠ate.getxxx()鏂规硶浼氳繑鍥炰竴涓猲umber绫诲瀷鐨勬暟鎹€備负浜嗘柟渚跨悊瑙ｏ紝鎴戝湪鎺у埗鍙板啀娆¤皟鐢ㄤ簡杩欎釜鏂规硶銆傛敞鎰忥細鎴戣皟鐢╠ate.getMonth()杩斿洖涓€涓暟瀛椼€備负浠€涔堜笅闈㈢殑缁勫悎浼氬彉鎴愬瓧绗︿覆鍛紵鍏跺疄寰堢畝鍗曪紝鍩虹鐭ヨ瘑锛屽綋浣犵敤+杩愮畻绗︽搷浣渟tring绫诲瀷鏃讹紝js浼氶粯璁や綘鏄嫾鎺ュ瓧绗︿覆锛屾墍浠ヤ細鑷姩浣跨敤toString鏂规硶鎷兼帴瀛楃涓层€傚鏋滃皢涓婇潰浠ｇ爜涓殑绌哄瓧绗︿覆鍏ㄩ儴鍒犻櫎锛屽氨鐩稿綋浜庡number绫诲瀷鐨勬暟鎹搷浣溿€傚埆鐫€鎬ワ紝杩欎竴姝ヨ繕娌℃湁缁撴潫锛屽洜涓洪噷闈㈡湁閿欒锛宒ate.getMonth()鏂规硶浼氳繑鍥炲綋鍓嶆湀浠?1锛屾墍浠ヨ皟鐢ㄨ繖涓柟娉曞氨鏄綋鍓嶆椂闂达紝瀹冭繑鍥炴垜鐨勬槸涓夋湀锛屼负浠€涔堝憿锛熷洜涓篻etMonth鍙栧€兼槸浠庝竴涓暟缁刐0,1,2,3,4,5,6,7,8,9,10,11]涓彇鍊硷紝鍥犱负鏁扮粍绱㈠紩鏄粠0寮€濮嬬殑锛岀幇鍦ㄦ槸鍥涙湀锛屾墍浠ユ垜浠垰鍒氬緱鍒颁簡index3鐨勫€硷紝涔熷氨鏄疢arch锛堣繖涓師鍥犲彲浠ユ悳绱㈠叾浠栫浉鍏冲唴瀹癸紝涓嶈繃鎰忎箟涓嶅ぇ锛岃繖鏄疛AVA閬楃暀涓嬫潵鐨刯s闂锛屼綘鍙璁颁綇it)鎵€浠ユ垜浠湪getMonth()涔嬪悗鍔?浠ヨ幏寰楁纭殑鏃堕棿銆侽K锛屾椂闂村埌浜嗭紝闂鏄笉鍔ㄤ簡锛屾€庝箞鍔烇紵浣跨敤useEffect缁欏綋鍓嶆椂闂翠竴涓姸鎬侊紝姣?绉掕皟鐢ㄤ竴娆etNowTime()鍑芥暟瀹屾垚涓庡綋鍓嶆椂闂存垨setInterval鐨勫悓姝ャ€備袱绉嶆柟娉曠殑鏁堟灉鏄竴鏍风殑銆傜敱浜庝笉浼氳创gif鍥剧墖锛屾墍浠ユ埅鍥鹃兘鏄潤鎬佺殑锛屾墍浠ュ氨涓嶆媿鏁堟灉鍥句簡銆傛晥鏋滃ぇ姒傚氨鏄垜鍗氬棣栭〉杞挱鍥剧殑鏁堟灉銆俆ips锛氱偣鍑诲ご鍍忔墦寮€绌鸿皟馃憠鍗氬棣栭〉2.瀹炵幇鍔ㄦ€佹樉绀哄綋鍓嶇洰褰?.寮曞叆鎴戜滑涔嬪墠瀹氫箟鐨勫垪琛ㄩ」鏁扮粍鎴栬€呬娇鐢ㄦ垜浠瘮杈冨共鍑€鐨剅eplace鏂规硶銆俢onstpath=useLocation().pathname.replace('/dashboard/',"")const[pageName,setPageName]=useState("Home");瀹氫箟涓€涓姸鎬侊紝鐢ㄦ埛杩涘叆棣栭〉涓€瀹氭槸棣栭〉閮ㄥ垎锛屽洜涓鸿繖涓垜浠箣鍓嶅凡缁忚缃繃
