{"id":69,"date":"2023-02-23T18:10:10","date_gmt":"2023-02-23T10:10:10","guid":{"rendered":"https:\/\/blog.maoyulong.club\/?p=69"},"modified":"2023-02-23T18:10:14","modified_gmt":"2023-02-23T10:10:14","slug":"%e5%89%8d%e7%ab%af%e5%ad%a6%e4%b9%a0%e7%ac%94%e8%ae%b0%ef%bc%88%e5%9b%9b%ef%bc%89","status":"publish","type":"post","link":"https:\/\/blog.maoyulong.club\/?p=69","title":{"rendered":"\u524d\u7aef\u5b66\u4e60\u7b14\u8bb0\uff08\u56db\uff09"},"content":{"rendered":"<p>\u5bf9\u4e8e\u4e00\u4e9b\u66f4\u590d\u6742\u7684\u4e8b\u60c5\uff0c\u6709\u5fc5\u8981\u66f4\u6df1\u5165\u7684\u4e86\u89e3\u4e00\u4e9b\u77e5\u8bc6\u4e86<\/p>\n<ol start=\"\">\n<li>\n<h2 id=\"react-hook\">react hook<\/h2>\n<\/li>\n<\/ol>\n<p>\u770b\u5230\u5f88\u591a\u6587\u6863\u793a\u4f8b\u4f1a\u6709\u8fd9\u6837\u7684\u5199\u6cd5<\/p>\n<pre><code class=\"language-jsx\" lang=\"jsx\">const [data, setData] = useState([...initData]);\n<\/code><\/pre>\n<p>\u6211\u53ea\u770b\u5b8c\u7c7b\u5c31\u901f\u901f\u4e0a\u624b\u7684\u4eba\u611f\u5230\u5f88\u96be\u53d7\uff0c\u4f46\u4e5f\u6e05\u695a\u8fd9\u662fhook\u7684\u5185\u5bb9\uff0c\u6709\u5fc5\u8981\u5c1d\u8bd5\u4e00\u4e0b\u5c06\u8fd9\u4e9b\u5185\u5bb9\u8f6c\u5316\u4e3a\u7c7b\u518d\u628a\u6587\u6863\u7684\u6548\u679c\u5b9e\u73b0\u5728\u6211\u7684\u4ee3\u7801\u4e0a\u8fd9\u6837\uff0c\u5e76\u80fd\u8ba9\u6211\u4e0b\u6b21\u5bf9\u4e8e\u7b80\u5355\u7684\u64cd\u4f5c\u80fd\u76f4\u63a5\u4f7f\u7528hook<\/p>\n<p>\u5176\u4e2d usestate\u5c06\u4f1a\u8bbe\u7f6e\u51fd\u6570\u7684\u521d\u59cb\u503c\uff0c\u5982\u540cconstructor\u4e2d\u7684state\uff0c\u800c\u5176\u4e2d\u7684\u7b2c\u4e8c\u4e2a\u53d8\u91cf\uff0c\u5219\u662f\u4fee\u6539\u7b2c\u4e00\u4e2a\u53d8\u91cf\u7684\u51fd\u6570\uff0c\u7c7b\u4f3csetState\u3002<\/p>\n<pre><code class=\"language-jsx\" lang=\"jsx\">const [xxxState, getState] = useState(\"aaa\")\n<\/code><\/pre>\n<p>\u987a\u5e26\u4e00\u63d0\uff0c\u5bf9\u4e8ehook\u6765\u8bf4\uff0cprops\u4ecd\u7136\u5b58\u5728\uff0c\u4f46this\u662f\u4e0d\u9700\u8981\u7684<\/p>\n<p>\u7c7b\u4e2d\u8fd8\u6709\u4e00\u4e2a\u9700\u8981\u5728hook\u4e2d\u8fdb\u884c\u66ff\u6362\u7684\uff0c\u5373constructor\u4e2d\u7684\u8bed\u53e5\uff0c\u4f8b\u5982\u83b7\u53d6\u6570\u636e\uff0c\u53ef\u4ee5\u7528useEffect\u6267\u884c\uff0c\u4ed6\u662f\u901a\u7528\u7684\u526f\u6548\u5e94\u94a9\u5b50<\/p>\n<pre><code class=\"language-jsx\" lang=\"jsx\">useEffect(() =&gt; {\n    fetch(\"\/path\/\",{\n      method: 'POST',\n      headers: {\n          'Content-type': 'application\/json'\n      },\n      body: JSON.stringify({\n          \"xxx\": \"xxxxx\"\n      })\n    }\n    ).then(\n\t\t\tfunction (res){\n        if(res.ok &amp;&amp; res.status == 200){\n          res.json().then(function (data){\n            if(data.data == \"xxx\")\n            getState(\"yyyy\")\n          })\n        }\n      }\n    )\n\n<\/code><\/pre>\n<p>\u5982\u679c\u76f4\u63a5\u8dd1\u8fd9\u4e2a\u51fd\u6570\uff0c\u5219\u4f1a\u65e0\u9650\u5faa\u73af<\/p>\n<ol start=\"2\">\n<li>\n<h2 id=\"\u81ea\u5b9a\u4e49data-\u5c5e\u6027\">\u81ea\u5b9a\u4e49data-\u5c5e\u6027<\/h2>\n<\/li>\n<\/ol>\n<p>\u5982\u4f55\u5728\u4e8b\u4ef6\u4e2d\u901a\u8fc7e \u4f20\u9012\u53c2\u6570<\/p>\n<p>\u901a\u8fc7\u4f7f\u7528data-\u4efb\u610f\u540d\u79f0<\/p>\n<pre><code class=\"language-jsx\" lang=\"jsx\">&lt;p data-id=\"aaa\" onClick={SetP}&gt; aaa &lt;\/p&gt;\n<\/code><\/pre>\n<p>\u8fd9\u4e4b\u540e\u5373\u53ef\u5728\u51fd\u6570\u4e2d\u901a\u8fc7 <code>e.target.dataset.id<\/code> \u6765\u83b7\u53d6\u503c<\/p>\n<ol start=\"3\">\n<li>\n<h2 id=\"react-\u4e2d\">react \u4e2d...<\/h2>\n<\/li>\n<\/ol>\n<p>\u8fd9\u4ee3\u8868\u5ef6\u5c55\u64cd\u4f5c\u7b26<\/p>\n<p>\u5982\u679c\u6211\u4eec\u6709\u4e00\u4e2a\u6570\u7ec4<code>mao = ['aaa','bbb','ccc']<\/code><\/p>\n<p>\u90a3\u4e48\uff0c\u5f53\u67d0\u4e2a\u51fd\u6570\u521a\u597d\u9700\u8981\u8fd9\u51e0\u4e2a\u53c2\u6570\u7684\u65f6\u5019\uff0c\u4f7f\u7528\u5982\u4e0b\uff1a<\/p>\n<pre><code class=\"language-jsx\" lang=\"jsx\">funcMao(...mao);\n<\/code><\/pre>\n<p>\u7b49\u540c\u4e8e<\/p>\n<pre><code class=\"language-jsx\" lang=\"jsx\">funcMao('aaa','bbb','ccc');\n<\/code><\/pre>\n<ol start=\"4\">\n<li>\n<h2 id=\"children\">Children<\/h2>\n<\/li>\n<\/ol>\n<p>\u5f53\u6211\u53d1\u73b0\u65e0\u6cd5\u770b\u61c2\u4e00\u4e9b\u7ec4\u4ef6\u7684\u6e90\u7801\u7684\u65f6\u5019\uff0c\u6709\u5fc5\u8981\u641e\u61c2JSX\u5bf9\u6211\u7684\u4ee3\u7801\u505a\u4e86\u4ec0\u4e48\u5904\u7406<\/p>\n<p>\u4e8b\u5b9e\u4e0a\uff0cJSX\u662f\u5bf9<code>React.createElement(component, props, ...children)<\/code> \u8fdb\u884c\u4e86\u8bed\u6cd5\u7cd6\u5904\u7406\uff0c\u8fd9\u5728\u5b98\u65b9\u6587\u6863\u7684<a href=\"https:\/\/react.docschina.org\/docs\/jsx-in-depth.html\" target=\"_blank\"  rel=\"nofollow\" >\u6df1\u5165JSX<\/a>\u4e00\u6587\u4e2d\u6709\u6240\u63cf\u8ff0\uff0c\u7b80\u5355\u6765\u8bf4\uff0c\u4f1a\u5c06\u4e09\u4e2a\u53c2\u6570\uff0c\u5199\u6210\u4e00\u4e2a\u975e\u5e38\u6613\u8bfb\u7684\u5f62\u5f0f<\/p>\n<pre><code class=\"language-jsx\" lang=\"jsx\">&lt;MyButton color=\"blue\" shadowSize={2}&gt;\n  Click Me\n&lt;\/MyButton&gt;\n<\/code><\/pre>\n<p>\u4f1a\u7f16\u8bd1\u4e3a<\/p>\n<pre><code class=\"language-jsx\" lang=\"jsx\">React.createElement(\n  MyButton,\n  {color: 'blue', shadowSize: 2},\n  'Click Me'\n)\n<\/code><\/pre>\n<p>\u5176\u4e2d\u7b2c\u4e8c\u4e2a\u53c2\u6570\uff0c\u6211\u4eec\u89c1\u7684\u5f88\u591a\u4e86\uff0c\u662fprops\uff0c\u800c\u7b2c\u4e09\u4e2a\u53c2\u6570\uff0c\u5728\u524d\u9762\u4f7f\u7528\u4e2d\uff0c\u662fchildren\uff0c\u6211\u5728\u81ea\u5df1\u5b9e\u73b0\u7ec4\u4ef6\u7684\u65f6\u5019\uff0c\u6ca1\u6709\u7528\u5230\u8fc7\u3002\u4f46\u662f\u5728\u4f7f\u7528\u5176\u4ed6\u7ec4\u4ef6\u7684\u65f6\u5019\uff0c\u6211\u4eec\u89c1\u7684\u975e\u5e38\u591a\uff0c\u5305\u62ec\u5b57\u7b26\u4e32\uff0c\u6216\u8005\u5728\u91cc\u9762\u518d\u5305\u4e00\u4e2a\u5b50\u5143\u7d20\uff0c\u6216\u662fjs\u8868\u8fbe\u5f0f<\/p>\n<p>\u8fd9\u6837\u7684\u89e3\u91ca\u80fd\u8ba9\u6211\u4eec\u90e8\u5206\u7406\u89e3\u4e86\u4e00\u4e9b\u7ec4\u4ef6\u5185\u7684\u4ee3\u7801\uff0c\u4f46\u662f\u4e00\u4e9b\u793a\u4f8b\u6587\u6863\u4ecd\u662f\u4e00\u5934\u96fe\u6c34<\/p>\n<p>\u4f8b\u5982\u4e00\u4e9bform\u7ec4\u4ef6\u4e2d\uff0c\u5bf9\u4e8e\u52a8\u6001\u589e\u51cf\u8868\u5355\u662f\u5982\u4e0b\u5199\u6cd5\uff1a<\/p>\n<pre><code class=\"language-jsx\" lang=\"jsx\">&lt;Form form={form} onSubmit={onSubmit}&gt;\n      &lt;FormList name=\"address\"&gt;\n        {(fields, { add, remove }) =&gt; (\n          &lt;&gt;\n            {fields.map(({ key, name, ...restField }) =&gt; (\n<\/code><\/pre>\n<p>\u53ef\u4ee5\u770b\u51fa\u6765\u6b64\u65f6\u7684children\u662f\u4e00\u4e2a\u65e0\u5934\u51fd\u6570\u7684\u8fd4\u56de\uff0c\u4f46\u7d27\u63a5\u7740\u5728\u51fd\u6570\u4e2d\u7684button\u4e2d\u4f7f\u7528\u4e86add<\/p>\n<pre><code class=\"language-jsx\" lang=\"jsx\">&lt;Button theme=\"default\" variant=\"dashed\" onClick={() =&gt; add({ province: 'bj', area: 'tzmax' })}&gt;\n<\/code><\/pre>\n<p>\u6b64\u65f6\u7684add\u548cremove\u7684\u5b9a\u4e49\u662f\u600e\u4e48\u6765\u7684<\/p>\n<ol start=\"5\">\n<li>\n<h2 id=\"\u9ad8\u9636\u7ec4\u4ef6\">\u9ad8\u9636\u7ec4\u4ef6<\/h2>\n<\/li>\n<\/ol>\n<p>\u5728FormList \u7684\u5b9a\u4e49\u4e2d\uff0c\u8fd4\u56de\u5982\u4e0b\uff1a<\/p>\n<pre><code class=\"language-jsx\" lang=\"jsx\">return \/* @__PURE__ *\/React.createElement(FormListContext.Provider, {\n    value: {\n      name: name,\n      rules: rules,\n      formListMapRef: formListMapRef\n    }\n  }, children(fields, operation));\n<\/code><\/pre>\n<p>\u5176\u4e2dchildren\u542b\u6709\u4e24\u4e2a\u53c2\u6570\uff0c\u7b2c\u4e00\u4e2a\u5219\u662f\u7528\u4e8e\u653e\u7f6e\u8868\u5355\u5185\u5bb9\u7684\uff0c\u800c\u7b2c\u4e8c\u4e2a\u7684\u5b9a\u4e49\u5982\u4e0b\uff1a<\/p>\n<pre><code>var operation = {\n    add: function add(defaultValue, insertIndex) {\n    ...\n    }\n   \tremove: ...\n}\n<\/code><\/pre>\n<p>\u670b\u53cb\u7ed9\u4e86\u4e00\u4e2a\u66f4\u7b80\u5355\u7684\u4f8b\u5b50\uff0c\u5f53\u7136\uff0c\u8fd9\u662f\u9ad8\u9636\u51fd\u6570<\/p>\n<pre><code class=\"language-jsx\" lang=\"jsx\">let fun = (fn) =&gt; {\n\tlet fields = 1\n\tlet add = 2\n\tlet remove = 3\n\tfn(fields, {add, remove})\n}\n\nfun((fields, {add, remove})) =&gt; {\n\tconsole.log(fields, add, remove)\n}\n<\/code><\/pre>\n<p>\u7ed3\u679c\u662f 1 2 3<\/p>\n<p>\u8fd9\u5c06\u4f7f\u5f97fun\u51fd\u6570\u4e2d\u7684\u8fd9\u4e09\u4e2a\u503c\u4f20\u5bfc\u5230\u533f\u540d\u51fd\u6570\u4e2d<\/p>\n<ol start=\"6\">\n<li>\n<h2 id=\"\u63a5\u6536url-params\u53c2\u6570\">\u63a5\u6536url params\u53c2\u6570<\/h2>\n<\/li>\n<\/ol>\n<p>\u60f3\u5b9e\u73b0\u901a\u8fc7\u8df3\u8f6c\u7684\u65f6\u5019\u5728url\u4e2d\u6dfb\u52a0\u53c2\u6570\u6765\u5b9e\u73b0\u641c\u7d22\u529f\u80fd\uff0c\u7c7b\u4f3c\u4e8e\u641c\u7d22\u5f15\u64ce\u90a3\u6837<\/p>\n<pre><code class=\"language-jsx\" lang=\"jsx\">const [search,setSearch] = useSearchParams()\nconst xxxx = search.get('xxxx')\n<\/code><\/pre>\n<p>\u8fd9\u6837\u5373\u53ef<\/p>\n<p>\u4e4b\u524d\u8fd8\u6709\u4e00\u4efd\u7b14\u8bb0\uff0c\u672c\u6765\u8fd9\u4e2a\u662f\u7b2c\u56db\u7bc7\u7b14\u8bb0\u7684\uff0c\u4e0d\u77e5\u9053\u4e3a\u5565\u6ca1\u4e0a\u4f20<\/p>\n<ol>\n<li>\n<h2 id=\"\u8bbe\u7f6efetch\u53c2\u6570\u4f8b\u5982\u8d85\u65f6\u65f6\u95f4\">\u8bbe\u7f6efetch\u53c2\u6570(\u4f8b\u5982\u8d85\u65f6\u65f6\u95f4)<\/h2>\n<\/li>\n<\/ol>\n<p>\u6211\u5f53\u65f6\u662f\u5728\u505a\u8bf7\u6c42\u9519\u8bef\u7684\u903b\u8f91\uff0c\u5305\u62eccatch\u548cres.ok\u7684\u5224\u65ad\uff0c\u611f\u89c9\u8fd9\u4e2a\u4e1c\u897f\u53ef\u4ee5\u53bb\u7cfb\u7edf\u6027\u7684\u4e86\u89e3<\/p>\n<p>\u6211\u4eec\u9996\u5148\u7740\u773c\u4e8e\u4e00\u4e9b\u5b9e\u9645\u7684\u95ee\u9898\uff0c\u4f8b\u5982fetch\u5982\u4f55\u6dfb\u52a0\u8d85\u65f6\u65f6\u95f4\u3002<\/p>\n<p>\u5177\u4f53\u70b9\u6765\u8bf4\uff0c\u6211\u4eec\u9700\u8981\u89e3\u51b3fetch\u5982\u4f55\u8bbe\u7f6e\u53c2\u6570\u7684\u95ee\u9898<\/p>\n<p>\u901a\u8fc7\u7b80\u5355\u7684\u641c\u7d22\u5f15\u64ce\u7684\u67e5\u627e\uff0c\u6211\u4eec\u53d1\u73b0\uff0c\u9700\u8981\u4f7f\u7528Promsi.race<\/p>\n<p>\u5c06<\/p>\n<pre><code class=\"language-javascript\" lang=\"javascript\">fetch(URL)\n<\/code><\/pre>\n<p>\u6362\u4e3a<\/p>\n<pre><code>Promise.race([\n\tfetch(URL),\n\tnew Promise(function(resove,reject){\n\t\tsetTimeout(()=&gt;reject(new Error('request timeout')),2000)\n\t})])\n<\/code><\/pre>\n<p>2000\u7684\u5355\u4f4d\u4e3a\u6beb\u79d2\uff0c\u5f53\u7136\u8fd9\u4e0d\u91cd\u8981\uff0c\u4e3b\u8981\u662f\uff0c\u6211\u4eec\u8fdb\u884c\u4e86\u5982\u6b64\u957f\u7684\u4e00\u4e2a\u6269\u5145\u3002<\/p>\n<ol start=\"2\">\n<li>\n<h2 id=\"\u5173\u4e8ehashrouter\u548cbrowserrouter\">\u5173\u4e8eHashRouter\u548cBrowserRouter<\/h2>\n<\/li>\n<\/ol>\n<p>\u4f7f\u7528TDesign\u7684\u6807\u51c6\u6a21\u677f\u65f6, \u8def\u5f84\u4e2d\u4f1a\u5b58\u5728#, \u672c\u6765\uff0c#\u5c31#\u5427\uff0c\u5b9e\u7528\u89d2\u5ea6\u6765\u8bf4\uff0c\u6211\u4e5f\u4e0d\u4f1a\u592a\u5728\u610f\u8fd9\u4e2a\u95ee\u9898\uff0c\u4f46\u662f\u6709\u4e00\u4e9b\u8def\u7531\u8bbe\u7f6e\u7684\u89c4\u5219\u4e2d\u4f3c\u4e4e\u4e0d\u5141\u8bb8#\u7684\u5b58\u5728\u3002<\/p>\n<p>\u8fd9\u4e3b\u8981\u662f\u7531HashRouter\u5f15\u8d77\u7684\uff0c\u5728TDesign\u7684\u793a\u4f8b\u6a21\u7248\u4e2d\uff0c\u8fd9\u4e2a\u76f4\u63a5\u5b58\u5728\u4e8esrc \u7684 main.tsx<\/p>\n<p><a href=\"https:\/\/blog.csdn.net\/weixin_44246717\/article\/details\/115585326\" target=\"_blank\"  rel=\"nofollow\" >react router\u4e2dHashRouter\u548cBrowserRouter\u7684\u533a\u522b\u548c\u4f7f\u7528\u573a\u666f<em>\u7a0b\u5e8f\u5458\u826f\u4ed4\u7684\u535a\u5ba2-CSDN\u535a\u5ba2<\/em>react\u8def\u7531\u7684\u4e24\u79cd\u6a21\u5f0f\u7684\u533a\u522b<\/a><\/p>\n<p>\u968f\u4fbf\u767e\u5ea6\u4e86\u4e00\u4e0b\uff0c\u7406\u8bba\u4e0a\u8bf4\u662f\u505a<strong>BrowserRouter<\/strong> \u5373\u53ef\uff0c\u4f46\u662f\u9700\u8981\u540e\u7aef\u5bf9\u8bf7\u6c42\u8fdb\u884c\u5904\u7406<\/p>\n<ol start=\"3\">\n<li>\n<h2 id=\"\u5982\u4f55\u8bbe\u7f6e\u67d0\u4e2a\u7279\u5b9a\u884c\u7684\u7ebf\u52a0\u7c97\">\u5982\u4f55\u8bbe\u7f6e\u67d0\u4e2a\u7279\u5b9a\u884c\u7684\u7ebf\u52a0\u7c97<\/h2>\n<\/li>\n<\/ol>\n<p>\u8fd9\u4e2a\u95ee\u9898\u633a\u602a\u7684\uff0c\u5bfc\u81f4\u540e\u9762\u51e0\u4e2a\u95ee\u9898\u4ee5\u53ca\u968f\u4e4b\u7684\u4e34\u65f6\u7684\u89e3\u51b3\u65b9\u6848\u5168\u90e8\u662f\u56f4\u7ed5\u8fd9\u4e2a\u4e1c\u897f\u7684\u3002\u5f53\u7136\u5f04\u5b8c\u8fd9\u4e9b\u4e4b\u540e\u6211\u4e5f\u6682\u65f6\u6ca1\u6709\u7cbe\u529b\u53bb\u6539\u4e86<\/p>\n<p>\u6211\u9700\u8981\u5bf9\u8868\u4e2d\u7279\u5b9a\u7684\u884c\u8fdb\u884c\u52a0\u7c97\u5904\u7406\uff0c\u800c\u6211\u7ffb\u904d\u4e86api\u6587\u6863\u4e5f\u6ca1\u6709\u627e\u5230\u8fd9\u6837\u7684\u5bf9\u7279\u5b9a\u884c\u7684style\u8fdb\u884c\u5904\u7406\u7684\u4f8b\u5b50<\/p>\n<p>\u4f46\u662f\u6709\u6dfb\u52a0 className\u7684\u4f4d\u7f6e\uff0c\u901a\u8fc7<em>rowClassName<\/em> \u6307\u5411\u4e00\u4e2a\u51fd\u6570\uff0c\u51fd\u6570\u6765\u5224\u65ad\u548c\u8fd4\u56de\uff08\u8bbe\u7f6e\uff09\u5bf9\u5e94\u7684\u503c\uff0c\u867d\u7136\u8fd8\u6709\u4e00\u4e2a\u5408\u5e76\u5355\u5143\u683c\u5e76\u4e0d\u80fd\u8fdb\u884c\u5f88\u597d\u7684\u547d\u540d\uff0c\u4f46\u8fd9\u6837\u4e5f\u5f88\u597d\u7528\u4e86\uff0c\u6211\u7fb8\u5f31\u7684\u524d\u7aef\u77e5\u8bc6\u544a\u8bc9\u6211\u518d\u52a0\u4e00\u4e2a\u6837\u5f0f\u6587\u4ef6\u5373\u53ef\u89e3\u51b3\u95ee\u9898<\/p>\n<ol start=\"4\">\n<li>\n<h2 id=\"css-modules\">Css modules<\/h2>\n<\/li>\n<\/ol>\n<p>\u4e8b\u5b9e\u4e0a\u4e5f\u786e\u5b9e\u5982\u6b64\uff0cimport \u5bf9\u5e94\u7684css\u6587\u4ef6\u5373\u53ef\uff0c\u4f46\u662f\u6211\u4eec\u4e4b\u524d\u5bf9\u6837\u5f0f\u7684\u66f4\u6539\u4f3c\u4e4e\u53ef\u4ee5\u76f4\u63a5\u5728raect\u4e0a\u9762\u6267\u884c\uff0c\u962e\u4e00\u5cf0\u7684\u6587\u7ae0\u5bf9\u6b64\u6709\u5f88\u597d\u7684\u89e3\u91ca<\/p>\n<p>[CSS in JS \u7b80\u4ecb - \u962e\u4e00\u5cf0\u7684\u7f51\u7edc\u65e5\u5fd7 (ruanyifeng.com)](<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5bf9\u4e8e\u4e00\u4e9b\u66f4\u590d\u6742\u7684\u4e8b\u60c5\uff0c\u6709\u5fc5\u8981\u66f4\u6df1\u5165\u7684\u4e86\u89e3\u4e00\u4e9b\u77e5\u8bc6\u4e86 react hook \u770b\u5230\u5f88\u591a\u6587\u6863\u793a\u4f8b\u4f1a\u6709\u8fd9\u6837\u7684\u5199\u6cd5 const [data, &#8230;<\/p>","protected":false},"author":1,"featured_media":70,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-69","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-7"],"_links":{"self":[{"href":"https:\/\/blog.maoyulong.club\/index.php?rest_route=\/wp\/v2\/posts\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.maoyulong.club\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.maoyulong.club\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.maoyulong.club\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.maoyulong.club\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=69"}],"version-history":[{"count":1,"href":"https:\/\/blog.maoyulong.club\/index.php?rest_route=\/wp\/v2\/posts\/69\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/blog.maoyulong.club\/index.php?rest_route=\/wp\/v2\/posts\/69\/revisions\/71"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.maoyulong.club\/index.php?rest_route=\/wp\/v2\/media\/70"}],"wp:attachment":[{"href":"https:\/\/blog.maoyulong.club\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=69"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.maoyulong.club\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=69"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.maoyulong.club\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}