{"id":37966,"date":"2023-02-23T20:22:41","date_gmt":"2023-05-22T19:53:53","guid":{"rendered":"https:\/\/www.silicloud.com\/zh\/blog\/react%e5%85%a5%e9%97%a8%ef%bc%9a%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba-%e5%9c%a8%e7%ba%bf%e7%89%88\/"},"modified":"2024-04-29T15:57:13","modified_gmt":"2024-04-29T07:57:13","slug":"react%e5%85%a5%e9%97%a8%ef%bc%9a%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba-%e5%9c%a8%e7%ba%bf%e7%89%88","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/zh\/blog\/react%e5%85%a5%e9%97%a8%ef%bc%9a%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba-%e5%9c%a8%e7%ba%bf%e7%89%88\/","title":{"rendered":"React\u5165\u95e8\uff1a\u73af\u5883\u642d\u5efa [\u5728\u7ebf\u7248]"},"content":{"rendered":"<h1>\u9996\u5148<\/h1>\n<p>\u6211\u60f3\u7528React\u5728\u591a\u7bc7\u6587\u7ae0\u4e2d\u5f00\u53d1\u4e95\u5b57\u68cb\u6e38\u620f\uff08\u4e09\u5b50\u68cb\uff09\uff0c\u8fd9\u65e2\u662f\u6211\u4e2a\u4eba\u7684\u590d\u4e60\uff0c\u4e5f\u662f\u5907\u5fd8\u5f55\u7684\u610f\u4e49\u3002<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">React<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">CodeSandbox(\u516c\u5f0f)<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">CodeSandbox(\u975e\u516c\u5f0f\u306e\u65e5\u672c\u8a9e\u30ac\u30a4\u30c9)<\/ul>\n<h2>\u7cfb\u5217\u5217\u8868<\/h2>\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>React\u5165\u95e81\uff1a\u73af\u5883\u642d\u5efa [\u5728\u7ebf\u7248] (\u672c\u6b21)<\/ol>\n<\/li>\n<\/ol>\n<p>React\u5165\u95e81.5\uff1a\u73af\u5883\u642d\u5efa [\u672c\u5730\u7248-\u756a\u5916\u7bc7]<\/p>\n<p>React\u5165\u95e82\uff1a\u68cb\u76d8\u7684\u521b\u5efa<br \/>\nReact\u5165\u95e83\uff1a\u4ea4\u4e92\u5b9e\u73b0<br \/>\nReact\u5165\u95e84\uff1a\u91cd\u6784 [\u63d0\u5347\u7bc7]<br \/>\nReact\u5165\u95e85\uff1a\u91cd\u6784 [\u4ea4\u4e92\u7bc7]<br \/>\nReact\u5165\u95e86\uff1a\u56de\u5408\u5b9e\u73b0<br \/>\nReact\u5165\u95e87\uff1a\u6e38\u620f\u80dc\u5229\u5224\u5b9a<br \/>\nReact\u5165\u95e88\uff1a\u6587\u672c\u5b9e\u73b0<br \/>\nReact\u5165\u95e89\uff1a\u65f6\u5149\u65c5\u884c(1)<br \/>\nReact\u5165\u95e810\uff1a\u65f6\u5149\u65c5\u884c(2)<br \/>\nReact\u5165\u95e811\uff1a\u65f6\u5149\u65c5\u884c(3)<\/p>\n<h1>\u5173\u4e8e\u76ee\u7684<\/h1>\n<h2>\u6574\u4f53\u76ee\u6807<\/h2>\n<p>\u6211\u4eec\u5c06\u4f7f\u75283&#215;3\u7684\u65b9\u683c\u6765\u5b9e\u73b0\u5728React\u516c\u5f0f\u6559\u7a0b\u4e2d\u516c\u5f00\u7684\u4e95\u5b57\u6e38\u620f\u3002<\/p>\n<p>&nbsp;<\/p>\n<h2>\u672c\u6587\u7684\u76ee\u7684\u662f\u4ec0\u4e48\uff1f<\/h2>\n<p>\u6211\u4eec\u5c06\u4f7f\u7528\u5728\u7ebf\u7f16\u8f91\u5668CodeSandbox\u6765\u6784\u5efaReact\u5e94\u7528\u7684\u5f00\u53d1\u73af\u5883\u3002\u4e0d\u8fc7\uff0c\u7531\u4e8eCodeSandbox\u4e2d\u5df2\u7ecf\u6709\u4e86React\u9879\u76ee\u7684\u6a21\u677f\uff0c\u56e0\u6b64\u672c\u6587\u4e3b\u8981\u4ecb\u7ecdCodeSandbox\u7684\u4f7f\u7528\u65b9\u6cd5\u548c\u6587\u4ef6\u76f8\u5173\u8bf4\u660e\u3002<\/p>\n<h1>\u5efa\u7acb\u73af\u5883<\/h1>\n<p>\u6211\u4eec\u5c06\u5728CodeSandbox\u4e0a\u8fdb\u884c\u73af\u5883\u8bbe\u7f6e\u3002\u7531\u4e8e\u5b83\u662f\u4e00\u4e2aWeb\u7f16\u8f91\u5668\uff0c\u6240\u4ee5\u6ca1\u6709\u4f7f\u7528\u7ec8\u7aef\u64cd\u4f5c\u6216\u8fdb\u884c\u5b89\u88c5\u7684\u6b65\u9aa4\u3002<\/p>\n<h2>\u8d39\u7387\u8ba1\u5212<\/h2>\n<p>\u6709\u4e09\u4e2a\u9009\u9879\u53ef\u4f9b\u9009\u62e9\uff1a\u4e2a\u4eba\u7248\uff0c\u4e13\u4e1a\u7248\u548c\u4f01\u4e1a\u7248\u3002\u57fa\u672c\u4e0a\uff0c\u60a8\u53ef\u4ee5\u514d\u8d39\u4f7f\u7528\u4e2a\u4eba\u7248\u8ba1\u5212\uff0c\u4f46\u4e0e\u5176\u4ed6\u8ba1\u5212\u76f8\u6bd4\u6709\u4e00\u4e9b\u9650\u5236\u3002\u4ee5\u4e0b\u662f\u622a\u81f32023\u5e7412\u67082\u65e5\u7684\u4e2a\u4eba\u7248\u8ba1\u5212\u7684\u7279\u70b9\u3002<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u6210\u306f\u7121\u5236\u9650<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">\u516c\u958b\u306b\u5236\u9650\u3092\u304b\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044(\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u8a2d\u5b9a\u4e0d\u53ef)<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">VSCode \u306e\u62e1\u5f35\u6a5f\u80fd\u3092\u4f7f\u7528\u3067\u304d\u306a\u3044<\/ul>\n<p>\u5982\u679c\u60a8\u60f3\u4e86\u89e3\u66f4\u591a\u8be6\u60c5\uff0c\u8bf7\u67e5\u770b\u5b98\u65b9\u7f51\u9875\u3002<\/p>\n<h2>\u767b\u5f55<\/h2>\n<p>\u8ba9\u6211\u4eec\u5728\u4e0b\u4e00\u4e2a\u7f51\u9875\u4e0a\u8fdb\u884c\u767b\u5f55\u3002\u5982\u679c\u60a8\u8fd8\u6ca1\u6709\u521b\u5efaCodeSandbox\u5e10\u6237\uff0c\u60a8\u53ef\u4ee5\u4f7f\u7528GitHub\u3001Google\u5e10\u6237\u3001Apple ID\u7b49\u8fdb\u884c\u6ce8\u518c\u3002<\/p>\n<p>&nbsp;<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d31a737434c4406c5fab1\/20-0.png\" alt=\"sinin.png\" \/><\/div>\n<h2>\u521b\u5efa\u9879\u76ee<\/h2>\n<p>\u5f53\u60a8\u6210\u529f\u767b\u5f55\u540e\uff0c\u5c06\u4f1a\u8fdb\u5165\u4e0b\u4e00\u4e2a\u9875\u9762\u3002\u8bf7\u9009\u62e9\u3010\u521b\u5efa\u4e00\u4e2a\u6c99\u76d2\u3011\u3002\u503c\u5f97\u6ce8\u610f\u7684\u662f\uff0c\u8be5\u9875\u9762\u88ab\u79f0\u4e3a\u201c\u4eea\u8868\u76d8\u201d\uff0c\u7528\u4e8e\u7ba1\u7406\u9879\u76ee\u7684\u521b\u5efa\u3001\u7f16\u8f91\u3001\u5220\u9664\u7b49\u64cd\u4f5c\u3002<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d31a737434c4406c5fab1\/23-0.png\" alt=\"01_start.png\" \/><\/div>\n<p>\u60a8\u53ef\u4ee5\u5728\u6b64\u5904\u9009\u62e9\u521b\u5efa\u9879\u76ee\u7684\u6a21\u677f\u3002\u8bf7\u9009\u62e9 [React]\u3002<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d31a737434c4406c5fab1\/25-0.png\" alt=\"02_makeProject.png\" \/><\/div>\n<p>\u5728\u8fd9\u91cc\u5df2\u7ecf\u6210\u529f\u521b\u5efa\u4e86\u9879\u76ee\u3002\u5728\u5c4f\u5e55\u9876\u90e8\u663e\u793a\u7740&#8221;\u7528\u6237\u540d \/ \u9879\u76ee\u540d&#8221;\u3002<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d31a737434c4406c5fab1\/27-0.png\" alt=\"03_madeProject.png\" \/><\/div>\n<p>\u8bf7\u53cc\u51fb\u9879\u76ee\u540d\uff0c\u8fdb\u884c\u66f4\u540d\u3002\u6211\u4eec\u5c06\u628a\u5b83\u547d\u540d\u4e3a\u201cReact\u6559\u7a0b\u201d\u3002<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d31a737434c4406c5fab1\/29-0.png\" alt=\"04_renameProject.png\" \/><\/div>\n<h2>\u56fe\u50cf\u7684\u5185\u5bb9<\/h2>\n<p>\u603b\u7684\u6765\u8bf4\uff0c\u6709\u4ee5\u4e0b\u4e09\u4e2a\u5c4f\u5e55\u3002<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d31a737434c4406c5fab1\/32-0.png\" alt=\"05_explainProjectScreen(3).png\" \/><\/div>\n<h3>\u8d44\u6e90\u7ba1\u7406\u5668<\/h3>\n<p>(Explorer)<\/p>\n<p>\u8fd9\u662f\u5c4f\u5e55\u5de6\u4fa7\u7684\u533a\u57df\uff0c\u60a8\u53ef\u4ee5\u5728[NODEBOX]\u4e2d\u67e5\u770b\u9879\u76ee\u6587\u4ef6\u7684\u5185\u5bb9\uff0c\u5e76\u8fdb\u884c\u6587\u4ef6\u7684\u6dfb\u52a0\u3001\u66f4\u540d\u3001\u5220\u9664\u7b49\u7ba1\u7406\u64cd\u4f5c\u3002<\/p>\n<h3>\u7f16\u8f91\u5668 (bianjiqu)<\/h3>\n<p>\u753b\u9762\u4e2d\u592e\u7684\u4f4d\u7f6e\uff0c\u5728\u8fd9\u91cc\u8fdb\u884c\u7f16\u7801\u3002\u5f53\u7f16\u8f91\u6587\u4ef6\u65f6\uff0c\u6587\u4ef6\u540d\u53f3\u4fa7\u4f1a\u663e\u793a\u4e00\u4e2a&#8221;o&#8221;\uff0c\u6309\u4e0b[Ctrl] + S\u53ef\u4ee5\u4fdd\u5b58\u4fee\u6539\u3002\u652f\u6301\u4ee3\u7801\u81ea\u52a8\u8865\u5168\uff0c\u64cd\u4f5c\u611f\u4e0eVSCode\u76f8\u4f3c\u3002<\/p>\n<h3>\u9884\u89c8 (Yu<\/h3>\n<p>\u5728\u753b\u9762\u7684\u53f3\u4fa7\u3002\u5f53\u5728\u7f16\u8f91\u5668\u4e2d\u4fdd\u5b58\u4ee3\u7801\u65f6\uff0c\u663e\u793a\u7684\u5185\u5bb9\u4f1a\u88ab\u66f4\u65b0\u3002<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">(A) \u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30d7\u30ec\u30d3\u30e5\u30fc\u306e\u4e0b\u306b\u30b3\u30f3\u30bd\u30fc\u30eb\u306e\u753b\u9762\u3092\u8868\u793a\u3067\u304d\u307e\u3059<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">(B) \u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u65b0\u3057\u304f\u30bf\u30d6\u304c\u958b\u3044\u3066\u5168\u753b\u9762\u3067\u52d5\u4f5c\u78ba\u8a8d\u304c\u3067\u304d\u307e\u3059<\/ul>\n<h2>\u4fdd\u5b58\u5230\u672c\u5730<\/h2>\n<p>\u5f53\u70b9\u51fb\u5de6\u4e0a\u65b9\u7684[\u25a1]\u65f6\uff0c\u4f1a\u663e\u793a\u4ee5\u4e0b\u7684\u83dc\u5355\u9009\u9879\u3002\u4f60\u53ef\u4ee5\u901a\u8fc7[Download Sandbox]\u5c06\u6e90\u4ee3\u7801\u4fdd\u5b58\u5728\u672c\u5730\u73af\u5883\u4e2d\u3002<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d31a737434c4406c5fab1\/42-0.png\" alt=\"05_explainProjectScreen.png\" \/><\/div>\n<h2>\u5173\u4e8e\u6587\u4ef6<\/h2>\n<p>\u60a8\u53ef\u4ee5\u4ece[\u8282\u70b9\u6846]\u4e2d\u786e\u8ba4\u60a8\u521b\u5efa\u7684\u9879\u76ee\u7684\u6587\u4ef6\u7ec4\u7ec7\u7ed3\u6784\u5982\u4e0b\u3002<\/p>\n<pre class=\"post-pre\"><code>- public\r\n  L index.html\r\n- src\r\n  L App.js\r\n  L index.js\r\n  L styles.css\r\n- package.json\r\n<\/code><\/pre>\n<h3>\u6587\u4ef6\u7684\u4f5c\u7528<\/h3>\n<p>\u6211\u5c06\u9010\u4e00\u8bf4\u660e\u6bcf\u4e2a\u6587\u4ef6\u7684\u4f5c\u7528\u3002<\/p>\n<h4>\u6e90\u6587\u4ef6\u5939\u4e2d<\/h4>\n<p>App.js<\/p>\n<p>\u8fd9\u4e2aReact\u5e94\u7528\u7a0b\u5e8f\u7684\u4e3b\u8981\u7ec4\u4ef6\u5c06\u6210\u4e3a\u4e3b\u8981\u7ed3\u6784\u5143\u7d20\u3002<br \/>\n\u6211\u4eec\u5c06\u5728\u8fd9\u4e2a\u6587\u4ef6\u4e2d\u8fdb\u884c\u7f16\u7801\u3002<\/p>\n<p>styles.css<\/p>\n<p>\u5728\u7f8e\u5316React\u5e94\u7528\u7a0b\u5e8f\u7684\u8fc7\u7a0b\u4e2d\uff0c\u6211\u4eec\u5c06\u8fdb\u884c\u7f16\u7801\u3002<\/p>\n<p>index.js<\/p>\n<p>\u8fd9\u662fReact\u5e94\u7528\u7a0b\u5e8f\u7684\u5165\u53e3\u70b9\uff08\u7a0b\u5e8f\u5f00\u59cb\u6267\u884c\u7684\u5730\u65b9\uff09\u3002\u6211\u4eec\u8fd9\u6b21\u4e0d\u4f1a\u6d89\u53ca\u3002<\/p>\n<pre class=\"post-pre\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">StrictMode<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">react<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\r\n<span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">createRoot<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">react-dom\/client<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\r\n\r\n<span class=\"k\">import<\/span> <span class=\"nx\">App<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">.\/App<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\r\n\r\n<span class=\"kd\">const<\/span> <span class=\"nx\">rootElement<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">document<\/span><span class=\"p\">.<\/span><span class=\"nf\">getElementById<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">root<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\r\n<span class=\"kd\">const<\/span> <span class=\"nx\">root<\/span> <span class=\"o\">=<\/span> <span class=\"nf\">createRoot<\/span><span class=\"p\">(<\/span><span class=\"nx\">rootElement<\/span><span class=\"p\">);<\/span>\r\n\r\n<span class=\"nx\">root<\/span><span class=\"p\">.<\/span><span class=\"nf\">render<\/span><span class=\"p\">(<\/span>\r\n  <span class=\"p\">&lt;<\/span><span class=\"nc\">StrictMode<\/span><span class=\"p\">&gt;<\/span>\r\n    <span class=\"p\">&lt;<\/span><span class=\"nc\">App<\/span> <span class=\"p\">\/&gt;<\/span>\r\n  <span class=\"p\">&lt;\/<\/span><span class=\"nc\">StrictMode<\/span><span class=\"p\">&gt;,<\/span>\r\n<span class=\"p\">);<\/span>\r\n<\/code><\/pre>\n<h4>\u516c\u5171\u6587\u4ef6\u5939\u5185<\/h4>\n<p>index.html<\/p>\n<p>\u5728\u8fd9\u91cc\u8bb0\u5f55\u4e86\u7f51\u9875\u7684\u4e3b\u8981\u5185\u5bb9\u3002\u8fd9\u6b21\u6211\u4eec\u4e5f\u4e0d\u4f1a\u89e6\u53ca\u8fd9\u4e2a\u5185\u5bb9\u3002<\/p>\n<pre class=\"post-pre\"><code><span class=\"cp\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span class=\"nt\">&lt;html<\/span> <span class=\"na\">lang=<\/span><span class=\"s\">\"en\"<\/span><span class=\"nt\">&gt;<\/span>\r\n\r\n<span class=\"nt\">&lt;head&gt;<\/span>\r\n\t<span class=\"nt\">&lt;meta<\/span> <span class=\"na\">charset=<\/span><span class=\"s\">\"utf-8\"<\/span><span class=\"nt\">&gt;<\/span>\r\n\t<span class=\"nt\">&lt;meta<\/span> <span class=\"na\">name=<\/span><span class=\"s\">\"viewport\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"width=device-width, initial-scale=1, shrink-to-fit=no\"<\/span><span class=\"nt\">&gt;<\/span>\r\n\t<span class=\"nt\">&lt;meta<\/span> <span class=\"na\">name=<\/span><span class=\"s\">\"theme-color\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"#000000\"<\/span><span class=\"nt\">&gt;<\/span>\r\n\t<span class=\"c\">&lt;!--\r\n      manifest.json provides metadata used when your web app is added to the\r\n      homescreen on Android. See https:\/\/developers.google.com\/web\/fundamentals\/engage-and-retain\/web-app-manifest\/\r\n    --&gt;<\/span>\r\n\t<span class=\"nt\">&lt;link<\/span> <span class=\"na\">rel=<\/span><span class=\"s\">\"manifest\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"%PUBLIC_URL%\/manifest.json\"<\/span><span class=\"nt\">&gt;<\/span>\r\n\t<span class=\"nt\">&lt;link<\/span> <span class=\"na\">rel=<\/span><span class=\"s\">\"shortcut icon\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"%PUBLIC_URL%\/favicon.ico\"<\/span><span class=\"nt\">&gt;<\/span>\r\n\t<span class=\"c\">&lt;!--\r\n      Notice the use of %PUBLIC_URL% in the tags above.\r\n      It will be replaced with the URL of the `public` folder during the build.\r\n      Only files inside the `public` folder can be referenced from the HTML.\r\n\r\n      Unlike \"\/favicon.ico\" or \"favicon.ico\", \"%PUBLIC_URL%\/favicon.ico\" will\r\n      work correctly both with client-side routing and a non-root public URL.\r\n      Learn how to configure a non-root public URL by running `npm run build`.\r\n    --&gt;<\/span>\r\n\t<span class=\"nt\">&lt;title&gt;<\/span>React App<span class=\"nt\">&lt;\/title&gt;<\/span>\r\n<span class=\"nt\">&lt;\/head&gt;<\/span>\r\n\r\n<span class=\"nt\">&lt;body&gt;<\/span>\r\n\t<span class=\"nt\">&lt;noscript&gt;<\/span>\r\n\t\tYou need to enable JavaScript to run this app.\r\n\t<span class=\"nt\">&lt;\/noscript&gt;<\/span>\r\n\t<span class=\"nt\">&lt;div<\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"root\"<\/span><span class=\"nt\">&gt;&lt;\/div&gt;<\/span>\r\n\t<span class=\"c\">&lt;!--\r\n      This HTML file is a template.\r\n      If you open it directly in the browser, you will see an empty page.\r\n\r\n      You can add webfonts, meta tags, or analytics to this file.\r\n      The build step will place the bundled scripts into the &lt;body&gt; tag.\r\n\r\n      To begin the development, run `npm start` or `yarn start`.\r\n      To create a production bundle, use `npm run build` or `yarn build`.\r\n    --&gt;<\/span>\r\n<span class=\"nt\">&lt;\/body&gt;<\/span>\r\n\r\n<span class=\"nt\">&lt;\/html&gt;<\/span>\r\n<\/code><\/pre>\n<h4>\u5305\u542bjson\u7684\u5305<\/h4>\n<p>\u8fd9\u662f\u9879\u76ee\u7684\u914d\u7f6e\u6587\u4ef6\u3002\u8fd9\u6b21\u6211\u4eec\u4e5f\u4e0d\u4f1a\u6d89\u53ca\u5b83\u3002<\/p>\n<pre class=\"post-pre\"><code><span class=\"p\">{<\/span>\r\n  <span class=\"nl\">\"name\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"react\"<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nl\">\"version\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"1.0.0\"<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nl\">\"description\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"\"<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nl\">\"keywords\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[],<\/span>\r\n  <span class=\"nl\">\"main\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"src\/index.tsx\"<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nl\">\"dependencies\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"react\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"18.2.0\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"react-dom\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"18.2.0\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"react-scripts\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"5.0.1\"<\/span>\r\n  <span class=\"p\">},<\/span>\r\n  <span class=\"nl\">\"devDependencies\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"@types\/react\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"18.2.38\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"@types\/react-dom\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"18.0.9\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"loader-utils\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"3.2.1\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"typescript\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"4.4.2\"<\/span>\r\n  <span class=\"p\">},<\/span>\r\n  <span class=\"nl\">\"scripts\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"start\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"react-scripts start\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"build\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"react-scripts build\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"test\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"react-scripts test --env=jsdom\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"eject\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"react-scripts eject\"<\/span>\r\n  <span class=\"p\">},<\/span>\r\n  <span class=\"nl\">\"browserslist\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span>\r\n    <span class=\"s2\">\"&gt;0.2%\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"s2\">\"not dead\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"s2\">\"not ie &lt;= 11\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"s2\">\"not op_mini all\"<\/span>\r\n  <span class=\"p\">]<\/span>\r\n<span class=\"p\">}<\/span>\r\n<\/code><\/pre>\n<h3>\u6587\u4ef6\u7684\u5173\u8054<\/h3>\n<p>\u7b80\u5355\u5730\u8bf4\uff0c\u4e0b\u56fe\u5c55\u793a\u4e86\u6bcf\u4e2a\u6587\u4ef6\u4e4b\u95f4\u7684\u5173\u7cfb\u3002<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d31a737434c4406c5fab1\/65-0.jpeg\" alt=\"07_fileStructure.jpg\" \/><\/div>\n<h1>\u6700\u540e<\/h1>\n<p>\u8fd9\u6b21\u6211\u4eec\u4f7f\u7528CodeSandbox\u6765\u5efa\u7acbReact\u5e94\u7528\u7a0b\u5e8f\u5f00\u53d1\u73af\u5883\u3002\u4e0b\u4e00\u9875\u5c55\u793a\u4e86\u5f53\u524d\u9636\u6bb5\u7684\u6e90\u4ee3\u7801\u6587\u4ef6\uff08\u8fd9\u6b21\u53ea\u662f\u521b\u5efa\u4e86\u4e00\u4e2a\u6a21\u677f&#8230;\uff09\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>\u5982\u679c\u53ef\u4ee5\u7684\u8bdd\uff0c\u8bf7\u60a8\u786e\u8ba4\u4e00\u4e0b\uff0c\u6211\u4eec\u5728\u4e0b\u4e00\u7bc7\u6587\u7ae0\u4e2d\u603b\u7ed3\u4e86\u5173\u4e8e\u5728\u672c\u5730\u73af\u5883\u914d\u7f6e\u65b9\u9762\u7684\u5185\u5bb9\uff0c\u4f5c\u4e3a\u4e00\u4e2a\u989d\u5916\u7684\u7ae0\u8282\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>\u4e0b\u6b21\u6211\u4eec\u5c06\u8fdb\u884c\u5b9e\u9645\u7684\u7f16\u7801\u5de5\u4f5c\uff0c\u8bf7\u671f\u5f85\uff01<\/p>\n<p>&nbsp;<\/p>\n<h2>\u6211\u5bf9\u6b64\u7684\u9644\u52a0\u8bc4\u8bba<\/h2>\n<p>\u5c3d\u7ba1\u672c\u6765\u5e0c\u671b\u8fd9\u7bc7\u6587\u7ae0\u53ea\u80fd\u5b8c\u6574\u5730\u5448\u73b0\u51fa\u6765\uff0c\u4f46\u56e0\u4e3a\u7bc7\u5e45\u8fc7\u957f\uff0c\u6240\u4ee5\u51b3\u5b9a\u6539\u4e3a\u7cfb\u5217\u5f62\u5f0f\u3002\u6211\u5c06\u5c3d\u91cf\u7b80\u6d01\u5730\u9648\u8ff0\uff0c\u8bf7\u60a8\u4ee5\u6e29\u6696\u7684\u773c\u5149\u6765\u9605\u8bfb\uff0c\u4e0d\u80dc\u611f\u6fc0\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u9996\u5148 \u6211\u60f3\u7528React\u5728\u591a\u7bc7\u6587\u7ae0\u4e2d\u5f00\u53d1\u4e95\u5b57\u68cb\u6e38\u620f\uff08\u4e09\u5b50\u68cb\uff09\uff0c\u8fd9\u65e2\u662f\u6211\u4e2a\u4eba\u7684\u590d\u4e60\uff0c\u4e5f\u662f\u5907\u5fd8\u5f55\u7684\u610f\u4e49\u3002 React [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-37966","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>React\u5165\u95e8\uff1a\u73af\u5883\u642d\u5efa [\u5728\u7ebf\u7248] - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/zh\/blog\/react\u5165\u95e8\uff1a\u73af\u5883\u642d\u5efa-\u5728\u7ebf\u7248\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"React\u5165\u95e8\uff1a\u73af\u5883\u642d\u5efa [\u5728\u7ebf\u7248]\" \/>\n<meta property=\"og:description\" content=\"\u9996\u5148 \u6211\u60f3\u7528React\u5728\u591a\u7bc7\u6587\u7ae0\u4e2d\u5f00\u53d1\u4e95\u5b57\u68cb\u6e38\u620f\uff08\u4e09\u5b50\u68cb\uff09\uff0c\u8fd9\u65e2\u662f\u6211\u4e2a\u4eba\u7684\u590d\u4e60\uff0c\u4e5f\u662f\u5907\u5fd8\u5f55\u7684\u610f\u4e49\u3002 React [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/zh\/blog\/react\u5165\u95e8\uff1a\u73af\u5883\u642d\u5efa-\u5728\u7ebf\u7248\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-22T19:53:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-29T07:57:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d31a737434c4406c5fab1\/20-0.png\" \/>\n<meta name=\"author\" content=\"\u79d1, \u96c5\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u79d1, \u96c5\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/react%e5%85%a5%e9%97%a8%ef%bc%9a%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba-%e5%9c%a8%e7%ba%bf%e7%89%88\/\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/react%e5%85%a5%e9%97%a8%ef%bc%9a%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba-%e5%9c%a8%e7%ba%bf%e7%89%88\/\",\"name\":\"React\u5165\u95e8\uff1a\u73af\u5883\u642d\u5efa [\u5728\u7ebf\u7248] - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\"},\"datePublished\":\"2023-05-22T19:53:53+00:00\",\"dateModified\":\"2024-04-29T07:57:13+00:00\",\"author\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/41e222757cdd2a3365361328bd79970a\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/react%e5%85%a5%e9%97%a8%ef%bc%9a%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba-%e5%9c%a8%e7%ba%bf%e7%89%88\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/zh\/blog\/react%e5%85%a5%e9%97%a8%ef%bc%9a%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba-%e5%9c%a8%e7%ba%bf%e7%89%88\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/react%e5%85%a5%e9%97%a8%ef%bc%9a%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba-%e5%9c%a8%e7%ba%bf%e7%89%88\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.silicloud.com\/zh\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"React\u5165\u95e8\uff1a\u73af\u5883\u642d\u5efa [\u5728\u7ebf\u7248]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/\",\"name\":\"Blog - Silicon Cloud\",\"description\":\"\",\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/41e222757cdd2a3365361328bd79970a\",\"name\":\"\u79d1, \u96c5\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1b2d3e00a7df03689797ebd4af8c5827ba5af936849a71050ec331f4cf902c5d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1b2d3e00a7df03689797ebd4af8c5827ba5af936849a71050ec331f4cf902c5d?s=96&d=mm&r=g\",\"caption\":\"\u79d1, \u96c5\"},\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/author\/keya\/\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/react%e5%85%a5%e9%97%a8%ef%bc%9a%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba-%e5%9c%a8%e7%ba%bf%e7%89%88\/#local-main-organization-logo\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Blog - Silicon Cloud\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"React\u5165\u95e8\uff1a\u73af\u5883\u642d\u5efa [\u5728\u7ebf\u7248] - Blog - Silicon Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/zh\/blog\/react\u5165\u95e8\uff1a\u73af\u5883\u642d\u5efa-\u5728\u7ebf\u7248\/","og_locale":"zh_CN","og_type":"article","og_title":"React\u5165\u95e8\uff1a\u73af\u5883\u642d\u5efa [\u5728\u7ebf\u7248]","og_description":"\u9996\u5148 \u6211\u60f3\u7528React\u5728\u591a\u7bc7\u6587\u7ae0\u4e2d\u5f00\u53d1\u4e95\u5b57\u68cb\u6e38\u620f\uff08\u4e09\u5b50\u68cb\uff09\uff0c\u8fd9\u65e2\u662f\u6211\u4e2a\u4eba\u7684\u590d\u4e60\uff0c\u4e5f\u662f\u5907\u5fd8\u5f55\u7684\u610f\u4e49\u3002 React [&hellip;]","og_url":"https:\/\/www.silicloud.com\/zh\/blog\/react\u5165\u95e8\uff1a\u73af\u5883\u642d\u5efa-\u5728\u7ebf\u7248\/","og_site_name":"Blog - Silicon Cloud","article_published_time":"2023-05-22T19:53:53+00:00","article_modified_time":"2024-04-29T07:57:13+00:00","og_image":[{"url":"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d31a737434c4406c5fab1\/20-0.png"}],"author":"\u79d1, \u96c5","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"\u79d1, \u96c5","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"2 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/zh\/blog\/react%e5%85%a5%e9%97%a8%ef%bc%9a%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba-%e5%9c%a8%e7%ba%bf%e7%89%88\/","url":"https:\/\/www.silicloud.com\/zh\/blog\/react%e5%85%a5%e9%97%a8%ef%bc%9a%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba-%e5%9c%a8%e7%ba%bf%e7%89%88\/","name":"React\u5165\u95e8\uff1a\u73af\u5883\u642d\u5efa [\u5728\u7ebf\u7248] - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website"},"datePublished":"2023-05-22T19:53:53+00:00","dateModified":"2024-04-29T07:57:13+00:00","author":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/41e222757cdd2a3365361328bd79970a"},"breadcrumb":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/react%e5%85%a5%e9%97%a8%ef%bc%9a%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba-%e5%9c%a8%e7%ba%bf%e7%89%88\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/zh\/blog\/react%e5%85%a5%e9%97%a8%ef%bc%9a%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba-%e5%9c%a8%e7%ba%bf%e7%89%88\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/zh\/blog\/react%e5%85%a5%e9%97%a8%ef%bc%9a%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba-%e5%9c%a8%e7%ba%bf%e7%89%88\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.silicloud.com\/zh\/blog\/"},{"@type":"ListItem","position":2,"name":"React\u5165\u95e8\uff1a\u73af\u5883\u642d\u5efa [\u5728\u7ebf\u7248]"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website","url":"https:\/\/www.silicloud.com\/zh\/blog\/","name":"Blog - Silicon Cloud","description":"","inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/41e222757cdd2a3365361328bd79970a","name":"\u79d1, \u96c5","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1b2d3e00a7df03689797ebd4af8c5827ba5af936849a71050ec331f4cf902c5d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1b2d3e00a7df03689797ebd4af8c5827ba5af936849a71050ec331f4cf902c5d?s=96&d=mm&r=g","caption":"\u79d1, \u96c5"},"url":"https:\/\/www.silicloud.com\/zh\/blog\/author\/keya\/"},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/react%e5%85%a5%e9%97%a8%ef%bc%9a%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba-%e5%9c%a8%e7%ba%bf%e7%89%88\/#local-main-organization-logo","url":"","contentUrl":"","caption":"Blog - Silicon Cloud"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/37966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/comments?post=37966"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/37966\/revisions"}],"predecessor-version":[{"id":86231,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/37966\/revisions\/86231"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/media?parent=37966"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/categories?post=37966"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/tags?post=37966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}