澶у濂斤紝浠婂ぉ鏄彍鍐滆妭锛屾杩庢潵鍒版垜鐨勯閬撱€傛垜浠粖澶╃殑璇濋鏄疉ST(AbstractSyntaxTree)AST鍚捣鏉ユ槸涓緢鏂伴矞鐨勪笢瑗匡紝閭ｄ箞鍏蜂綋鏈変粈涔堢敤锛屾湁娌℃湁鐢紝杩欑瘒鏂囩珷灏辫兘鎵惧埌绛旀鍟涓嬮潰鎴戜滑灏辩畝鍗曠殑鎶婅瘝鎷嗗垎鎴恆bstract鍜宎bstractgrammar,tree锛屽鏋滄垜浠兘鎴愬姛鎷嗗垎杩欎釜璇嶏紝閭ｄ箞鎴戜滑灏辨帉鎻′簡瀹冪殑鏍稿績鎶借薄锛歛bstraction鐨勫弽涔夎瘝鏄痗oncrete锛屾剰鎬濇槸鎶借薄鐨勪笢瑗跨殑閲嶇偣涓嶅湪缁嗚妭涓婏紝鑰屾槸鍦ㄦ暣浣撹娉曚笂锛氫竴缁刧rammar璇嶆硶琛ㄨ揪寮忔湁涓€瀹氱殑瑙勫畾瑙勫垯锛屾湁涓€瀹氱殑鍚箟锛屾瘮濡?+1鏍戯細涓€妫垫爲鏄竴瀵瑰鐨勭粨鏋勶紝浠庢牴鑺傜偣寰€涓嬶紝鍙互鏈夊涓瓙鏍戯紝褰撶劧杩欎笉鏄富棰樻垜浠殑璁ㄨ锛屼絾瀹冩槸鍏抽敭鐐广€備笅闈㈤€氳繃鍑犱釜渚嬪瓙鏉ユ洿娓呮鍦扮悊瑙ｄ粈涔堟槸鏍戯紝浠€涔堟槸鏍戯紵1锛夌畻鏈〃杈惧紡5*4/2+3*6杩欐槸涓€涓畝鍗曠殑绠楁湳杩愮畻锛屼絾鏄鏋滄垜浠兂鐢ㄦ爲鐨勫舰寮忔潵琛ㄨ揪锛岀粨鏋滃彲鑳芥槸杩欐牱鐨勶細閫氳繃鍒嗘瀽杩欎釜鏍戝浘锛屾垜浠彲浠ュ彂鐜板摢浜涚粨鏋勶紵涓€閮ㄥ垎鏄暟瀛楋細5銆?銆?銆?銆?锛屽彟涓€閮ㄥ垎鏄繍绠楃锛?銆?銆?銆?鎴戜滑浠庝腑鎻愬彇浜?绗﹀彿锛屽苟灏嗗叾浣滀负鏍戠殑鏍硅妭鐐广€傝繖鏃跺€欏彲浠ュ垎涓哄乏銆佸彸涓ら瀛愭爲锛屾垜浠娊鍙栦竴棰楀瓙鏍戣瀵燂紝鍙戠幇瀛愭爲鍙堝彉鎴愪簡涓€妫垫爲锛岄偅涔堟垜浠氨鍙互寰楀嚭缁撹锛氫换鎰忎竴棰楀瓙鏍戦兘鍙互鐙珛鎴愪负涓€妫靛畬鍏ㄦ爲锛屽涓瓙鏍戝彲浠ョ粍鍚堟垚涓€妫靛畬鍏ㄦ爲銆傝嚦姝わ紝鎴戜滑灏卞畬鎴愪簡鏍戠殑瀹氫箟锛屾帴涓嬫潵鎴戜滑鍐嶇湅涓€涓緥瀛?锛塜ML鏂囦欢XML鏂囦欢涔熸槸鎴戜滑鏃ュ父鐢熸椿涓父瑙佺殑鏂囦欢缁撴瀯寮犱笁鎴戜滑灏嗘枃浠剁粨鏋勮浆鎹负灞炴€х粨鏋勫悗锛屽彲浠ョ洿瑙傜殑鐪嬪埌鏁版嵁灞傛鍜屽唴瀹广€?.鏍戣浆鎹㈡爲寰堢洿瑙傦紝鍙互鐩存帴鐪嬪埌鏁版嵁灞傛鍜屽唴瀹癸紝浣嗘槸鎴戜滑骞虫椂鎿嶄綔鐨勬椂鍊欙紝鍙兘鎿嶄綔瀹㈣鐨勬爲缁撴瀯锛屼笉鑳芥搷浣滀笂闈㈢殑涓昏鏍戠粨鏋勩€傞偅涔堝綋鎴戜滑寰楀埌涓婇潰鐨勬爲缁撴瀯鍚庯紝鎴戜滑闇€瑕佸鏍戣繘琛屽睍骞筹紝閭ｄ箞闂鏉ヤ簡锛屽浣曞睍骞冲憿锛熸垜浠篃浠ヤ笂杩扮畻鏈繍绠椾负渚嬨€傜孩鑹叉浠ｈ〃涓€妫垫爲锛岃€岀豢鑹插拰榛勮壊妗嗕唬琛ㄦ爲鐨勪袱涓瓙鏍戙€傚綋鐒讹紝5*4涔熷彲浠ヤ綔涓虹豢妗嗙殑瀛愭爲妗嗚捣鏉ャ€傝繖鏃讹紝鑱槑鐨勫皬浼欎即浠湅鍒拌繖浜涙爲鏄笉鏄彂鐜颁簡浠€涔堬紝姣斿姣忔５鏍戜唬琛ㄤ粈涔堬紵鎴戜滑鍙互鍙戠幇锛屾瘡妫垫爲浼间箮閮戒唬琛ㄤ簡涓€涓畻鏈繍绠?锛夎鍒欏畾涔夎浆鎹㈤渶瑕佹牴鎹竴瀹氱殑瑙勫垯銆傛垜浠渶瑕佸厛瀹氫箟瑙勫垯銆傚鏋滄垜浠亣鍒颁竴涓繍绠楋紝鎴戜滑灏辩敤BinaryExpression鏉ヨ〃绀猴紝鑰屽畠閲岄潰鐨勮繍绠楃粨鏋勮嚜鐒跺氨鍖呭惈浜嗗瓧绗﹀拰杩愮畻绗︼紝姣斿5*4杩欐槸涓€涓繍绠楋紝鎴戜滑鎶婃暣浣撴爣璇嗕负涓€涓狟inaryExpression銆傝€岃繖涓繍绠椾腑鏈?涓厓绱狅紝鍒嗗埆鏄細5銆?銆?銆傞偅涔?鍜?鍙互绉颁负瀛楃锛?鍙互绉颁负杩愮畻绗︺€傜敱姝わ紝鎴戜滑鍙互鍙﹀璁剧疆涓€涓鍒欙紝鎴戜滑鍙互鐢↖dentifier鏉ユ爣璇嗗瓧绗︾殑绫诲瀷锛屾垜浠彲浠ョ敤Operator鏉ヨ〃绀鸿繍绠楃鐨勭被鍨嬨€傝嚦姝わ紝鎴戜滑宸茬粡绠€鍗曞湴瀹氫箟浜嗕竴涓鍒欍€傛帴涓嬫潵鎴戜滑闇€瑕佸仛鐨勬槸浣跨敤鎴戜滑鐨勮鍒欐潵灞曞钩涓婇潰鐨勬爲缁撴瀯銆備竴涓〃杈惧紡锛屾垜浠敤BinaryExpression鏉ヨ瘑鍒獴inaryExpression绫诲瀷锛欱inaryExpression浠庤繍绠椾笂锛屾垜浠彲浠ユ妸杩愮畻绗︽媶鍒嗘垚宸﹀彸涓ら儴鍒嗭紝涔熷氨鏄?鍜?锛屾垜浠户缁瘑鍒玪eft:Identifiertype:Identifiervalue:5right:Identifiertype:Identifiervaluer:4瀹氫箟浜嗕袱閮ㄥ垎涔嬪悗锛屾垜浠浣曞皢涓ら儴鍒嗚仈绯昏捣鏉ュ憿锛熼偅涔堟垜浠氨瑕佺敤鍒版垜浠殑杩愮畻绗?浜嗭紝鎴戜滑鍏堢敤杩愮畻绗︾殑琛ㄨ揪寮忓畾涔夎鍒檕perator:*鐒跺悗鎶婁袱閮ㄥ垎閾炬帴璧锋潵BinaryExpressiontype:BinaryExpressionleft:Identifiertype:Identifiervalue:5operator:*right:Identifiertype:Identifiervaluer:43)鎴愬搧灞曠ず寰堜笉閿欙紝鍒拌繖閲屾垜浠凡缁忓畬鎴愪簡绗竴涓噷绋嬬锛?锛夎秮鐑墦閾佹垜浠笂闈㈠彧瀹屾垚浜嗕竴灏忛儴鍒嗚鍒欒浆鎹㈢殑瀹氫箟锛屾帴涓嬫潵鎴戜滑缁х画杞崲鏍戠粨鏋勶細杩欓噷宸茬粡浠庢爲缁撴瀯鍥捐浆绉诲埌浜嗘垜浠畾涔夌殑灞傜骇缁撴瀯锛屼絾鏄彲浠ュ彂鐜帮紝涓婇潰鐨勫眰绾х粨鏋勫浘杩樻槸涓嶅畬鏁寸殑銆傚埌鐩墠涓烘锛屾垜浠彧瀹氫箟浜嗕笂闈㈣〃杈惧紡鐨勫乏杈归儴鍒嗭紝鍙宠竟鐨勫畾涔変粛鐒剁己澶便€傝繖涓椂鍊欙紝鎴戦渶瑕佸ぇ瀹跺府鍔╂垜銆傚府鎴戝姞涓婂彸杈圭殑閮ㄥ垎锛岀粨鏋勫凡缁忚创鍦ㄥ悗闈㈢殑鏂囧瓧閲屼簡锛屽ぇ瀹跺彲浠ュ鍒跺埌鑷繁鐨勬枃瀛楃紪杈戝櫒閲屽～绌猴紝鏇挎崲琛ュ厖__鍐呭right:__type:__left:__type锛歘_鍊硷細__杩愮畻绗︼細__瀵癸細__type:__value:__閭ｄ箞鏄椂鍊欏叕甯冪瓟妗堜簡锛乺ight:BinaryExpressiontype:BinaryExpressionleft:Identifiertype:Identifiervalue:3operator:*right:Identifiretype:Identifiervalue:6澶у鍙互姣旇緝涓€涓嬬瓟妗堟槸鍚︽纭紝鐒跺悗鎴戜滑杩欓噷鎶婁袱閮ㄥ垎鎷艰捣鏉ワ紝鎴戜滑灏嗘垜浠緱鍒颁簡涓€涓畬鏁寸殑灞傛缁撴瀯锛岄偅涔堣繖閮ㄥ垎鍜屾垜浠粖澶╃殑AST鏈変粈涔堝叧绯诲憿锛熸垜浠厛鏉ョ湅鐪嬬湡姝ｇ殑AST锛圓bstractSyntaxTree锛夐暱浠€涔堟牱瀛愩€傛垜浠潵杞崲涓€涓畝鍗曠殑鍑芥暟锛歠unctionadd(n,m){returnn+m}宸﹁竟鏄垜浠钩鏃跺啓鐨勪唬鐮侊紝鍙宠竟鏄€氳繃浠ｇ爜杞崲寰楀埌鐨凙ST鏍戦€氳繃瑙傚療杩欎釜AST鎴戜滑鍙戠幇浜嗕粈涔堟爲锛熻繖鏄纭殑锛佽繖涓狝ST鏍戠殑缁撴瀯鍜屾垜浠垰鍒氫竴璧峰畬鎴愮殑灞傜骇缁撴瀯鍥惧熀鏈竴鑷达紝涔熷氨鏄鎴戜滑鍒氬垰鑷繁鍒涘缓浜嗕竴妫礎ST鏍戙€?.鎻紑AST鐨勯潰绾?锛堿ST鐨勫畾涔?.瀹冩槸浠€涔堬紵AST锛堟娊璞¤娉曟爲锛夊苟娌℃湁鎴戜滑鎯宠薄鐨勯偅涔堢绉樸€傚畠鏄簮浠ｇ爜璇硶缁撴瀯鐨勬娊璞¤〃绀恒€傚畠浠ユ爲鐨勫舰寮忚〃杈句簡缂栫▼璇█鐨勮娉曠粨鏋勩€傛爲涓婄殑姣忎釜鑺傜偣浠ｈ〃婧愪唬鐮併€?銆佸畠鏈変粈涔堢壒鐐癸紵棣栧厛锛屽畠鏄娊璞＄殑锛屼笌璇硶缁撴瀯鏃犲叧锛屼笉浼氳褰曟簮璇█鐪熷疄璇硶涓殑姣忎竴涓粏鑺傦紝姣斿鍒嗛殧绗︺€佺┖鏍笺€佹敞閲婄瓑锛岄兘浼氳鍘绘帀銆?.鏈変粈涔堢敤锛熼€氳繃涓婇潰鐨勫疄璺碉紝鎴戜滑涔熶綋浼氬埌锛岃浆鎹ST鏄竴涓箒鐞愮殑杩囩▼锛屼絾鏄负浠€涔堣杞崲鍛紵鐜板湪鏈夊緢澶氱璇█璇硶銆傝櫧鐒跺湪璁＄畻鏈虹溂閲岄兘鏄?鍜?锛屼絾鏄紪璇戝櫒闇€瑕佽瘑鍒瑷€銆傝繖鏃跺€欏氨闇€瑕佺敤涓€涓€氱敤鐨勬暟鎹粨鏋勬潵鎻忚堪锛岃€孉ST灏辨槸閭ｄ釜涓滆タ锛屽洜涓篈ST鏄湡瀹炵殑锛屾湁涓€瀹氱殑閫昏緫瑙勫垯銆?.濡備綍杞崲锛熻浆鎹㈣繃绋嬩腑涔熺敤鍒颁簡鎴戜滑鍒氭墠鎻愬埌鐨勫嚑绉嶆柟娉曪細璇嶆硶鍒嗘瀽鍣ㄣ€佹枃娉曞垎鏋愬櫒銆佽В閲婂櫒锛屾瘮濡傛垜浠啓涓€涓畝鍗曠殑浠ｇ爜锛歝onstname='寮犱笁'璇嶆硶鍒嗘瀽鐨勭涓€姝ユ槸璇嶆硶鍒嗘瀽锛屽嵆浠诲姟鏄€愪釜瀛楁瘝鍦伴槄璇讳唬鐮併€傚綋瀹冮亣鍒扮┖鏍笺€佽繍绠楃鍜岀壒娈婄鍙锋椂锛屽氨鎰忓懗鐫€瀹冪殑绗竴涓綔涓氬凡缁忔壂鎻忓畬姣曘€傛垜浠笂闈㈢殑浠ｇ爜浼氳瑙ｆ瀽涓篬const,name,=,'寮犱笁']缁忚繃涓婂眰鐨勮В鏋愶紝鎴戜滑寰楀埌浜嗘瘡涓€涓猼oken锛屼篃灏辨槸token鐨勬祦鍚戯紝涔熷氨鏄帴涓嬫潵鎴戜滑鍙互杩涜璇硶鍒嗘瀽浠ょ墝娴侊紝渚嬪鎴戜滑閬囧埌鐨勭涓€涓护鐗屾槸const銆傝В鏋愬櫒瑙ｆ瀽鍚庡垽鏂负澹版槑鍙傛暟锛屽皢鍏舵爣璁颁负VariableDeclaration銆備互姝ょ被鎺紝灏嗗垎鏋愪互涓嬫爣璁帮紝鐩村埌鐢熸垚AST鎶借薄銆傝娉曟爲鍦ㄧ敓鎴愭爲鐨勬椂鍊欙紝parser浼氬垹闄や竴浜涗笉闇€瑕佺殑鏍囪瘑token锛堟瘮濡備笉瀹屾暣鐨勬嫭鍙凤級锛屾墍浠ST涓嶆槸100%鍖归厤婧愮爜锛屼絾鏄凡缁忚鎴戜滑鐭ラ亾濡備綍澶勭悊浜?锛堿ST鐨勫簲鐢ˋST鏌ョ湅杈呭姪宸ュ叿锛氱偣鎴戣В鏋愯浆鎹ST銆傝繖涓€姝ュ緢楹荤儲銆傚綋鐒讹紝鎴戜滑涓嶅繀閲嶅閫犺疆瀛愩€傚凡缁忔湁浜轰负鎴戜滑閫犲ソ浜嗚疆瀛愩€傛瘮濡傝В鏋怞ava鏂囦欢锛屾垜浠彲浠ヤ娇鐢↗avaparser杩涜AST杞崲锛岃В鏋怞s/Ts鏂囦欢锛屽彲浠ヤ娇鐢˙abelparser杩涜AST杞崲銆傚綋鐒讹紝铏界劧杞瓙宸茬粡涓烘垜浠噯澶囧ソ浜嗭紝浣嗘垜浠繕鏄鐢ㄥ埌瀹冿紝涔熷氨鏄鎳傚緱瑙勫垯銆備笅闈㈡槸涓€浜涘父鐢ㄧ殑鑺傜偣绫诲瀷鍚箟瀵圭収琛紝鏄疉ST杞崲鐨勮鍒欙細asfunctionExpressionStatement琛ㄨ揪寮忚鍙ラ€氬父鏄皟鐢ㄤ竴涓嚱鏁帮紝姣斿console.log(1)BlockStatementblock璇彞鍖呰９鍦▄}涓紝姣斿if(true){console.log(1)}BreakStatement涓柇璇彞閫氬父鎸嘼reakContinueStatement寤剁画璇彞閫氬父鎸噒ocontinueReturnStatementreturn璇彞閫氬父鎸噐eturnSwitchStatementSwitch璇彞閫氬父鎸噑witchIfStatementIf鎺у埗娴佽鍙ラ€氬父鎸噄f(true){}else{}Identifier鏍囪瘑绗︼紝濡傚０鏄庡彉閲忚鍙ヤ腑consta=1涓殑aArrayExpression鏁扮粍琛ㄨ揪寮忛€氬父鎸囦竴涓暟缁勶紝渚嬪[1,2,3]StringLiteral瀛楃瀛楅潰閲忛€氬父鏄寚瀛楃涓茬被鍨嬬殑瀛楅潰閲忥紝濡俢onsta='1'鍏朵腑鐨?1'NumericLiteral鏁板瓧瀛楅潰閲忛€氬父鎸囩殑鏄暟鍊肩被鍨嬬殑瀛楅潰閲忥紝濡俢onsta=涓殑1ImportDeclaration1importdeclaration澹版槑锛屽import锛屼负浜嗗揩閫熺悊瑙ｏ紝鏈枃浠avaScript鏂囦欢涓轰緥锛岄偅涔堣В鏋愬拰鎿嶄綔JavaScript鏂囦欢宸茬粡鏈変簡涓€涓瘮杈冨ソ鐢ㄧ殑杞瓙鈥斺€攋scodeshift銆傛帴涓嬫潵锛屾垜浠皢浣跨敤jscodeshift鏉ユ搷浣淎ST1銆傚湪杩欓噷鎵惧埌涓€娈甸潪甯哥畝鍗曠殑浠ｇ爜锛歩mportReactfrom'react';浠?antd'瀵煎叆{Button}锛涙垜浠姣斾笂闈㈢殑鑺傜偣绫诲瀷鍚箟瀵圭収琛紝鍙互鐪嬪嚭杩欐槸涓ゆ潯ImportDeclaration璇彞銆傜劧鍚庢垜浠妸杩欐浠ｇ爜鏀惧埌AST鍙鍖栧伐鍏蜂腑锛岀湅鐪嬭浆鎹㈡垚AST鍚庣殑鏍峰瓙锛氳繖鏃跺€欐垜浠湁涓€涓皬闇€姹傦紝閭ｄ箞鎴戞兂鍦ㄤ笅闈㈢殑浠ｇ爜鍧椾腑鑾峰彇瀵煎叆鍖呮簮锛屽嵆fromimportReactfrom"react";import{Button}from"antd";import{moment}from"moment";涔嬪悗鐨勫唴瀹规垜浠潵鐪嬬湅杩欐璇濈殑鎰忔€濓紝鍦ㄤ唬鐮佷腑锛屾垜浠紩鍏scodeshift鏉ュ府鍔╂垜浠В鏋愬拰鎿嶄綔AST鏂囦欢锛岀劧鍚庡湪API涓０鏄庢垜浠鏌ユ壘鐨勫厓绱犵被鍨嬨€傝繖鏃跺€欐垜浠彲浠ユ墦寮€鎺у埗鍙拌繍琛宯odefind.js鏉ヨ繍琛岃剼鏈唴瀹广€傜湅鍒版帶鍒跺彴鎴愬姛杈撳嚭浜嗘垜浠兂瑕佺殑缁撴灉锛乺eactantdmoment鎺ヤ笅鏉ワ紝璁╂垜浠帹杩涙父鎴忕帺娉曘€傞櫎浜唅mport璇硶涔嬪锛屾垜浠繕鍦ㄤ互涓嬩唬鐮佸潡涓畾涔変簡name灞炴€с€傞偅涔堣繖涓椂鍊欐垜浠殑闇€姹傚張鏉ヤ簡銆傛垜瑕佽幏鍙栧悕瀛楃殑鍊硷紒杩欎釜鏃跺€欐€庝箞鍔烇紵绗竴姝ワ紝鎴戜滑闇€瑕佹煡鐪婣ST缁撴瀯銆傛垜浠彲浠ュ皢鏂囦欢浣撳鍒跺埌鎴戜滑鐨凙ST鏌ョ湅杈呭姪宸ュ叿涓紝瀵笰ST缁撴瀯杩涜涓€涓瑙堬細鍙互鐪嬪埌鎴戜滑鎯宠鐨勫唴瀹瑰湪ArrayExpression涓殑鍏冪礌涓紝閭ｆ垜浠湪浠ｇ爜涓鎬庝箞鍋氬憿锛熷ぇ瀹跺彲浠ュ厛璇曡瘯~绛旀濡備笅锛氭垜浠鍏堣鎵惧埌ArrayExpression绫诲瀷鐨勫厓绱狅紝鐒跺悗璁块棶鍏冪礌涓嬬殑elements灞炴€э紝灏变細寰楀埌鎴戜滑鎯宠鐨勫€硷紒寮犱笁鏉庡洓鐜嬩簲2.淇敼鎴戜滑宸茬粡瀹炵幇浜咥ST缁撴瀯鏉ュ鎵炬垜浠兂瑕佺殑鍏冪礌銆傜幇鍦ㄦ垜浠彲浠ュ紑濮嬫搷浣滆妭鐐瑰厓绱犱簡锛侀鍏堬紝璁╂垜浠湅鐪嬪浣曚慨鏀瑰畠銆傝繖鏃跺€欏氨鏈変竴涓渶姹傘€傛垜浠殑Button缁勪欢鐨勫悕绉板凡缁忔敼涓築utton01锛屾墍浠ユ垜浠杩涜鐩稿簲鐨勪慨鏀广€傛帴涓嬫潵鎴戜滑缁х画鐪嬩笅闈㈢殑鏂囦欢銆傞€氳繃妫€鏌ワ紝鎴戜滑鍙互鍙戠幇涓€浜涘樊寮傘€傝繖娆″浜唂indAPI锛岃繖涓狝PI鍙互鍔犲弬鏁皗source:{value:"antd"}}杩欎釜API鐨勭洰鐨勬槸鍙壘鍒皊ource=antd鐨処mportDeclaration鍏冪礌锛岀劧鍚庢浛鎹㈠畠銆侭utton鍚嶇О鐨勪綅缃槸imported.name锛屾墍浠ユ垜浠彲浠ョ浉搴斿湴淇敼鍊笺€傛垜浠彲浠ラ€氳繃杩愯nodemodify.js鐪嬪埌鎴戜滑鐨勪慨鏀癸紝涓轰簡璁╁畠鐢熸晥锛屾垜浠繕闇€瑕佸皢淇敼鐨勫唴瀹瑰啓鍏ユ枃浠讹紝鎴戜滑鍙互鍦ㄦ枃浠跺簳閮ㄦ坊鍔犲涓嬩唬鐮侊細fs.writeFileSync('./code/demo.js',root.toSource(),'utf-8')鐒跺悗杩愯浠ｇ爜锛屾鏃舵垜浠彲浠ュ彂鐜癲emo.js鏂囦欢鐨勫唴瀹瑰凡缁忚淇敼浜嗐€俰mportReactfrom"react";import{Button01}from"antd";import{moment}from"moment";varname=["寮犱笁","鏉庡洓","鐜嬭垶"];妫€鏌ワ紝鏇存敼锛岀劧鍚庢槸澧炲姞锛岃繖浼氭瘮涓婇潰鐨勬洿澶嶆潅锛屽洜涓烘垜浠渶瑕佸皢瑕佹坊鍔犵殑鍐呭鏋勫缓鍒颁竴涓狝ST缁撴瀯涓紝鐒跺悗灏嗘棫鐨勬彃鍏ュ埌鐜版湁鐨凙ST缁撴瀯涓紝鎴戜滑鐨勮€佹湅鍙嬬殑闇€姹傚張鏉ヤ簡銆備箣鍓嶇殑椤甸潰鍙娇鐢ㄤ簡antd鐨凚utton缁勪欢锛屾墍浠ユ垜浠殑椤甸潰姝ゆ椂闇€瑕佷娇鐢╝ntd鐨凷elect缁勪欢銆傛垜浠殑绗竴姝ユ槸鏋勫缓鎴戜滑鎯宠鎻掑叆鍒癆ST鍏冪礌涓殑鍐呭銆傛垜浠厛鏉ュ垎鏋愪竴涓嬬幇鏈夌殑ButtonAST缁撴瀯鏄粈涔堟牱瀛愮殑锛岀劧鍚庣収钁姦鐢荤摙銆傛垜浠垎鏋愮粨鏋勪綋鐨勭粍浠舵槸鐢盜mportSpecifier鍜孖dentifier缁勬垚鐨勩€侷mportSpecifier涓寘鍚獻dentifier锛屾墍浠ユ垜浠彲浠ュ緱鍒版垜浠鎻掑叆鐨勫唴瀹圭殑缁撴瀯锛氭帴涓嬫潵浜ょ粰jscodeshift甯垜浠敓鎴?.importSpecifier($.identifier("Select"))寰楀埌AST缁撴瀯鍚庯紝鎴戜滑浠嶇劧闇€瑕佹鏌ユ垜浠鎻掑叆鐨勪綅缃€傚洖鍒颁箣鍓嶇殑AST缁撴瀯锛屾垜浠彂鐜板鍏ョ殑璧勬簮缁勪欢鍐呭鏄斁鍦╯pecifiers灞炴€т腑鐨勶紝閭ｄ箞鎴戜滑鍙互鎵嬪姩杩涜銆傛垜浠湪椤圭洰涓壘鍒癱reate.js鏂囦欢銆傝繍琛屼唬鐮侊紝鍙互鍙戠幇缁撴灉鍙樻垚浜嗘垜浠慨鏀圭殑鍐呭銆俰mportReactfrom"react";import{Button,Select}from"antd";import{moment}from"moment";varname=["寮犱笁","鏉庡洓","鐜嬭垶"];4.鍒犻櫎璇村畬妫€鏌ャ€佷慨鏀广€佹坊鍔狅紝缁堜簬鎴戜滑鎿呴暱鍒犻櫎鐨勯渶姹傚張鏉ヤ簡銆傛鏃堕〉闈笉闇€瑕乤ntd缁勪欢锛屽嵆import{Button}from"antd";杩欏彞璇濊鍒犻櫎浜嗐€傛寜鐓ц€佽鐭╋紝鍏堟壘鍒癮ntd鍏冪礌鎵€鍦ㄧ殑AST锛岀劧鍚庣疆绌恒€傝繖鏃跺€欓€氳繃杩愯锛屽彲浠ュ彂鐜版墦鍗板嚭鏉ョ殑鍐呭娌℃湁antd鐨勪粙缁嶄俊鎭€俰mportReactfrom"react";import{moment}from"moment";varname=["寮犱笁","鏉庡洓","鐜嬭垶"];鍒拌繖閲屾垜浠氨璁插畬浜咥ST鐨勫鍒犳敼鏌ャ€備互涓婂氨鏄湰鏂囩殑鎵€鏈夊唴瀹癸紝AST鏄竴涓潪甯告湁鐢ㄧ殑宸ュ叿銆傚鏋滆寰楀浣犳湁甯姪锛屼笉濡ㄥ叧娉ㄤ竴涓嬶紝鍋氫釜浼达紝灏辨槸瀵瑰皬鑿滄渶澶х殑鏀寔銆備笉璇寸┖璇濓紝涓嶅伔鎳掞紝鍜屽皬鑿滀竴璧峰仛涓惞鍢榅鏋舵瀯鐨勭▼搴忓憳鍚涓嬫湡瑙侊紒浠婂ぉ浣犲姫鍔涗竴鐐癸紝鏄庡ぉ姹備汉鐨勫彛姘斿氨灏戜竴鐐癸紒鎴戞槸灏忚彍锛屼竴涓拰浣犱竴璧峰彉寮虹殑鐢蜂汉銆傪煉嬪井淇″叕浼楀彿宸插紑閫氾紝钄″啘璇达紝娌″叧娉ㄧ殑鍚屽璁板緱鍏虫敞鍝︼紒
