{
  "version": "https://jsonfeed.org/version/1", 
  "title": "React", 
  "description": "\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u7528\u6237\u754c\u9762\u7684 JavaScript \u5e93", 
  "home_page_url": "https://www.v2ex.com/go/react", 
  "feed_url": "https://www.v2ex.com/feed/react.json", 
  "icon": "https://cdn.v2ex.com/navatar/b0b1/83c2/837_large.png?m=1650095159", 
  "favicon": "https://cdn.v2ex.com/navatar/b0b1/83c2/837_normal.png?m=1650095159", 
  "items": [
    {
      "author": {
        "url": "https://www.v2ex.com/member/yoa1q7y", 
        "name": "yoa1q7y", 
        "avatar": "https://cdn.v2ex.com/avatar/7ce3/0f00/115394_large.png?m=1742885353"
      }, 
      "url": "https://www.v2ex.com/t/1189723", 
      "date_modified": "2026-01-31T05:27:51+00:00", 
      "content_html": "next.js \u4e5f\u4e0d\u662f\u8bf4\u4e0d\u597d\uff0c\u4f46\u662f\u603b\u611f\u89c9\u6709\u4e9b\u81c3\u80bf<br />\u53e6\u5916 'use client'\u3001'use server' \u603b\u611f\u89c9\u6709\u70b9\u4e0d\u6807\u51c6", 
      "date_published": "2026-01-31T05:07:40+00:00", 
      "title": "\u9664\u4e86 next.js\uff0c\u5728 2026 \u5e74\uff0c\u8fd8\u6709\u54ea\u4e9b React \u5168\u6808\u6846\u67b6\u63a8\u8350\uff1f", 
      "id": "https://www.v2ex.com/t/1189723"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/TrackBack", 
        "name": "TrackBack", 
        "avatar": "https://cdn.v2ex.com/gravatar/33c6b285c23c89c9711033aa6bf64d99?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1185833", 
      "title": "React \u5217\u8868\u865a\u62df\u5316\u5982\u4f55\u5b9e\u73b0\u4f7f\u7528 CSS Grid \u5e03\u5c40\u7684\u540c\u65f6\u652f\u6301\u62d6\u52a8\u5143\u7d20\uff1f", 
      "id": "https://www.v2ex.com/t/1185833", 
      "date_published": "2026-01-15T02:56:28+00:00", 
      "content_html": "<p>\u5f00\u6e90\u7684\u51e0\u4e4e\u6240\u6709\u865a\u62df\u5316\u5e93\u90fd\u662f\u8981\u4e48\u652f\u6301\u5355\u5217\u5217\u8868\uff0c\u8981\u4e48\u652f\u6301\u663e\u5f0f\u6307\u5b9a\u5217\u6570\u7684\u7f51\u683c\uff08\u7c7b\u4f3c\u8868\u683c\uff09\uff0c\n\u90fd\u6ca1\u6cd5\u5904\u7406 css grid \u8fd9\u79cd\u672c\u8d28\u4e0a\u662f\u4e00\u7ef4\u8868\u683c\u4f46\u662f\u4e00\u884c\u6709\u591a\u4e2a\u5143\u7d20\u7684\u60c5\u51b5\n\u9b54\u6539\u4e00\u756a\u7528\u4e0a\u4e86\uff0c\u8981\u4e48\u9ad8\u5ea6\u8ba1\u7b97\u603b\u662f\u51fa\u95ee\u9898\uff0c\u8981\u4e48\u548c\u62d6\u62fd\u4e0d\u517c\u5bb9</p>\n<p>\u8fd9\u4e2a\u573a\u666f\u5e94\u8be5\u662f\u5f88\u5e38\u89c1\u7684\u9700\u6c42\u5427\uff1f\u4ec0\u4e48\u6587\u4ef6\u6d4f\u89c8\u4e0d\u662f\u5e94\u8be5\u90fd\u4f1a\u7528\u5230\uff1f\n\u5f00\u53d1\u8005\u5de5\u5177\u770b\u4e86\u4e0b\u51e0\u5bb6\u5927\u5382\u7684\u9875\u9762\uff0c\u5c45\u7136\u90fd\u662f media query \u6309\u5bbd\u5ea6\u76f4\u63a5\u8bbe\u7f6e grid \u5e03\u5c40\u5217\u6570\u3002\u3002\u3002</p>\n<p>\u5404\u4f4d\u5927\u4f6c\u6709\u4f18\u96c5\u4e00\u70b9\u7684\u539f\u751f\u652f\u6301 css grid \u7684\u65b9\u6848\u5417</p>\n"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/chengguang", 
        "name": "chengguang", 
        "avatar": "https://cdn.v2ex.com/avatar/4e6a/1b15/629593_large.png?m=1775729375"
      }, 
      "url": "https://www.v2ex.com/t/1185480", 
      "date_modified": "2026-01-14T03:02:30+00:00", 
      "content_html": "<p>\u5982\u9898\uff0c\u9632\u6296\u4e0d\u662f\u521a\u9700\u5417\uff1f\u4e3a\u5565\u4e0d\u9ed8\u8ba4\u878d\u5165\u5230 onClick \u4e2d\uff0c\u6216\u8005\u901a\u8fc7\u5165\u53c2\u63a7\u5236\u4e0d\u884c\u5417\uff1f\n\u5f00\u53d1\u4e2d\u6bcf\u4e2a\u90fd\u52a0\u9632\u6296\uff0c\u9ebb\u70e6\u6b7b\u4e86\uff01\uff01\uff01\uff01</p>\n", 
      "date_published": "2026-01-14T02:55:12+00:00", 
      "title": "\u60f3\u4e0d\u901a\uff0c React \u73b0\u4ee3\u6846\u67b6\u7684\u8bbe\u8ba1\u8005\uff0c\u4e3a\u4ec0\u4e48\u5185\u7f6e\u7684 onClick \u4e0d\u9ed8\u8ba4\u9632\u6296\uff1f", 
      "id": "https://www.v2ex.com/t/1185480"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/TingLen", 
        "name": "TingLen", 
        "avatar": "https://cdn.v2ex.com/gravatar/07b386e2d88f84a9e79ca07cf9a7a94c?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1182977", 
      "title": "\u5173\u4e8e\u4f4e\u4ee3\u7801\u7684\u9009\u578b\uff0c\u8bf7\u4f6c\u4eec\u5e2e\u6211\u5206\u6790\u4e00\u4e0b", 
      "id": "https://www.v2ex.com/t/1182977", 
      "date_published": "2026-01-04T06:48:03+00:00", 
      "content_html": "<p>\u76ee\u524d\u6211\u4eec\u60f3\u505a\u7684\u662f\u4e00\u4e2a\u53ef\u4ee5\u901a\u8fc7 schema \u6765\u81ea\u7531\u6e32\u67d3\u9875\u9762\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\uff0c\u4ee5\u652f\u6491\u4e1a\u52a1\u7684\u53d1\u5c55\u3002\u4f8b\u5982\u7ad9\u91cc\u4e4b\u524d\u6709\u5927\u4f6c\u5199\u7684 nocobase \u5c31\u662f\u5f88\u597d\u7684\u76ee\u6807\u3002\n\u76ee\u524d\u5728\u7ea0\u7ed3\u4f7f\u7528 Formily \u8fd8\u662f RJSF \u3002\n\u6839\u636e AI \u7684\u56de\u7b54\uff0cFormily \u66f4\u9002\u5408\uff0c\u56e0\u4e3a\u5b83\u5185\u90e8\u5c31\u662f\u4e00\u4e2a\u72b6\u6001\u673a\uff0c\u800c RJSF \u5f88\u5bb9\u6613\u628a\u903b\u8f91\u5916\u6ea2\u5230 react \u4ee3\u7801\u4e2d\u3002\n\u4f46\u662f\u76ee\u524d Formily \u8ddf React19,next16 \u517c\u5bb9\u6027\u6bd4\u8f83\u5dee\uff0c\u800c\u4e14\u6211\u89c1\u5df2\u7ecf\u5f88\u4e45\u6ca1\u6709\u66f4\u65b0\u4e86\u3002</p>\n<p>\u4f6c\u4eec\u662f\u5426\u6709\u6bd4\u8f83\u597d\u7684\u5efa\u8bae\u5462\uff1f</p>\n"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/simonguo", 
        "name": "simonguo", 
        "avatar": "https://cdn.v2ex.com/avatar/3d79/1837/161833_large.png?m=1657693926"
      }, 
      "url": "https://www.v2ex.com/t/1182106", 
      "date_modified": "2025-12-30T03:34:57+00:00", 
      "content_html": "<p>\u6211\u6700\u8fd1\u5c06 react-code-view \u8fdb\u884c\u4e86\u91cd\u5199, \u57fa\u4e8e unplugin \u8ba9 Markdown \u53ef\u4ee5\u76f4\u63a5\u5bfc\u5165\u6e32\u67d3\u6210\u4e00\u4e2a React \u7ec4\u4ef6. \u4ee5\u4e0b\u662f\u4e00\u4e2a\u7b80\u5355\u793a\u4f8b</p>\n<h2>1.\u5b89\u88c5</h2>\n<pre><code>npm install @react-code-view/react @react-code-view/unplugin\n</code></pre>\n<h2>2.\u914d\u7f6e\u6784\u5efa\u5de5\u5177(\u652f\u6301 vite/webpack/esbuild/rollup)</h2>\n<pre><code>// vite.config.js\nimport { defineConfig } from 'vite';\nimport react from '@vitejs/plugin-react';\nimport reactCodeView from '@react-code-view/unplugin/vite';\n\nexport default defineConfig({\n  plugins: [\n    react(),\n    reactCodeView() // Enable markdown import\n  ]\n});\n</code></pre>\n<h2>\u4f7f\u7528\u6709\u4ee3\u7801\u5757\u521b\u5efa Markdown \u6587\u4ef6</h2>\n<p><a href=\"http://demo.md\" rel=\"nofollow\">demo.md</a></p>\n<pre><code># Counter Example\n\n\nA simple counter to demonstrate live code editing and preview.\n\n\n&lt;!--start-code--&gt;\n\\`\\`\\`jsx\nconst App = () =&gt; {\n  const [count, setCount] = useState(0);\n  return (\n    &lt;button onClick={() =&gt; setCount(c =&gt; c + 1)}&gt;\n      Clicked {count} times\n    &lt;/button&gt;\n  );\n};\n\nrender(&lt;App /&gt;);\n\\`\\`\\`\n&lt;!--end-code--&gt;\n\n- Click \"Show Code\" to view and edit the source\n- Preview updates instantly while you type\n- Click the copy button to reuse the code\n</code></pre>\n<h2>4.\u5bfc\u5165\u5e76\u4f7f\u7528</h2>\n<pre><code class=\"language-tsx\">import Demo from './demo.md';\n\nfunction App() {\n  return &lt;Demo /&gt;;\n}\n</code></pre>\n<h2>\u6700\u597d\u6e32\u67d3\u6210\u7684\u6548\u679c</h2>\n<p><img alt=\"\" class=\"embedded_image\" loading=\"lazy\" referrerpolicy=\"no-referrer\" rel=\"noreferrer\" src=\"https://i.v2ex.co/0F622Uvz.png\"/></p>\n<h2>\u6587\u6863</h2>\n<ul>\n<li><a href=\"https://rcv-rsuite.vercel.app/\" rel=\"nofollow\">https://rcv-rsuite.vercel.app/</a></li>\n<li><a href=\"https://github.com/simonguo/react-code-view\" rel=\"nofollow\">https://github.com/simonguo/react-code-view</a></li>\n</ul>\n", 
      "date_published": "2025-12-30T03:26:05+00:00", 
      "title": "\u5c06 Markdown \u6587\u4ef6\u5bfc\u5165\u4e3a React \u7ec4\u4ef6 - \u5199\u4f5c\u6587\u6863\uff0c\u5373\u65f6\u83b7\u53d6\u4ea4\u4e92\u5f0f\u6f14\u793a", 
      "id": "https://www.v2ex.com/t/1182106"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/SonicKang", 
        "name": "SonicKang", 
        "avatar": "https://cdn.v2ex.com/gravatar/0b17963b5e0423a5362ba57b395ba300?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1180506", 
      "date_modified": "2025-12-22T15:53:03+00:00", 
      "content_html": "<p>\u6700\u8fd1\u5728\u4f18\u5316\u4e00\u4e2a\u4e2d\u5927\u578b React \u9879\u76ee,\u9047\u5230\u4e86\u4e00\u4e9b\u6027\u80fd\u95ee\u9898,\u60f3\u8bf7\u6559\u4e0b\u5404\u4f4d\u7684\u7ecf\u9a8c\u3002\n\u80cc\u666f:</p>\n<p>React 19 + TypeScript\n\u4f7f\u7528\u4e86\u67d0\u4e3b\u6d41 UI \u7ec4\u4ef6\u5e93(Ant Design)\n\u9875\u9762\u590d\u6742\u5ea6\u4e2d\u7b49,\u6709\u8868\u683c\u3001\u8868\u5355\u3001\u56fe\u8868\u7b49</p>\n<p>\u95ee\u9898:\n\u5e94\u7528\u5728\u67d0\u4e9b\u573a\u666f\u4e0b\u4f1a\u6709\u660e\u663e\u7684\u5361\u987f\u611f,\u6bd4\u5982:</p>\n<p>\u8f93\u5165\u6846\u6253\u5b57\u6709\u5ef6\u8fdf\n\u5217\u8868\u6eda\u52a8\u4e0d\u6d41\u7545\n\u5f39\u7a97\u6253\u5f00/\u5173\u95ed\u6709\u6389\u5e27</p>\n<p>\u6211\u7684\u7591\u95ee:</p>\n<p>\u7ec4\u4ef6\u5e93\u7684\u95ee\u9898?</p>\n<p>\u8fd9\u4e9b\u6210\u719f\u7684\u7ec4\u4ef6\u5e93\u5185\u90e8\u5b9e\u73b0\u662f\u5426\u4f1a\u5e26\u6765\u6027\u80fd\u5f00\u9500?\n\u662f\u4e0d\u662f\u5e94\u8be5\u8003\u8651\u6362\u6210\u66f4\u8f7b\u91cf\u7684\u7ec4\u4ef6\u5e93,\u751a\u81f3\u81ea\u5df1\u5199?</p>\n<p>React \u91cd\u6e32\u67d3\u673a\u5236?</p>\n<p>\u662f\u4e0d\u662f\u6ca1\u7528\u597d memo / useMemo / useCallback?\n\u72b6\u6001\u7ba1\u7406\u4e0d\u5408\u7406\u5bfc\u81f4\u5927\u8303\u56f4\u91cd\u6e32\u67d3?</p>\n<p>\u8fd8\u662f\u4e24\u8005\u90fd\u6709?</p>\n", 
      "date_published": "2025-12-22T13:28:48+00:00", 
      "title": "\u73b0\u4ee3 React \u5e94\u7528\u5361\u987f\u7684\u4e3b\u8981\u539f\u56e0\u662f\u4ec0\u4e48?\u7ec4\u4ef6\u5e93 vs \u91cd\u6e32\u67d3\u673a\u5236", 
      "id": "https://www.v2ex.com/t/1180506"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/ofLmvFk", 
        "name": "ofLmvFk", 
        "avatar": "https://cdn.v2ex.com/gravatar/061af4fe7628ce1e1bd9061a411aa9c2?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1178527", 
      "title": "\u524d\u7aef\u5f00\u53d1\u8fdb\u519b server \u7aef\u8fd8\u662f\u95ee\u9898\u5f88\u591a", 
      "id": "https://www.v2ex.com/t/1178527", 
      "date_published": "2025-12-12T06:42:08+00:00", 
      "content_html": "<a target=\"_blank\" href=\"https://react.dev/blog/2025/12/11/denial-of-service-and-source-code-exposure-in-react-server-components\" rel=\"nofollow noopener\">https://react.dev/blog/2025/12/11/denial-of-service-and-source-code-exposure-in-react-server-components</a><br /><br /><a target=\"_blank\" href=\"https://react.dev/blog/2025/12/03/critical-security-vulnerability-in-react-server-components\" rel=\"nofollow noopener\">https://react.dev/blog/2025/12/03/critical-security-vulnerability-in-react-server-components</a><br /><br />\u8fd9\u4e48\u8fd1\u65f6\u95f4\uff0c\u5df2\u7ecf\u6709 2 \u4e2a\u91cd\u5927\u95ee\u9898\u3002<br /><br />\u6211\u8bb0\u5f97\u4eca\u5e74\u65e9\u4e9b\u65f6\u5019 nextjs \u8fd8\u6709\u4e2a header \u53ef\u4ee5\u76f4\u63a5\u7ed5\u8fc7\u6821\u9a8c\u3002<br /><br /><a target=\"_blank\" href=\"https://github.com/aydinnyunus/CVE-2025-29927\" rel=\"nofollow noopener\">https://github.com/aydinnyunus/CVE-2025-29927</a>"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/iwannarocks", 
        "name": "iwannarocks", 
        "avatar": "https://cdn.v2ex.com/gravatar/a2cf87b393e6e091cc0bb91ae00c2e2f?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1175762", 
      "date_modified": "2025-11-28T13:42:14+00:00", 
      "content_html": "<p>\u6587\u5b57\u5728\u6587\u672c\u6846\u6ca1\u6709\u5267\u4e2d\uff0c\u504f\u4e0a\u3002\u6a21\u62df\u5668\u548c\u7cfb\u7edf\u662f\u6b63\u5e38\u7684\uff0c\u76ee\u524d\u53ea\u53d1\u73b0\u5c0f\u7c73\u7684\u7cfb\u7edf\u662f\u8fd9\u6837\u3002\u5927\u5bb6\u6709\u9047\u5230\u8fc7\u4e48\uff1f\u5982\u4f55\u89e3\u51b3\u3002\n<img alt=\"\u6f8e\u6e43 OS\" class=\"embedded_image\" loading=\"lazy\" referrerpolicy=\"no-referrer\" rel=\"noreferrer\" src=\"https://i.imgur.com/ks63Gwo.jpg\"/></p>\n", 
      "date_published": "2025-11-28T13:34:36+00:00", 
      "title": "\u95ee\u4e00\u4e0b\uff0c expo react native \u7684 TextInput \u5728\u5c0f\u7c73\u7cfb\u7edf\u4e0b\uff0c\u663e\u793a\u6709\u95ee\u9898\u3002\u5927\u5bb6\u6709\u9047\u5230\u4e48\uff0c\u5982\u4f55\u89e3\u51b3\u3002", 
      "id": "https://www.v2ex.com/t/1175762"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/simonguo", 
        "name": "simonguo", 
        "avatar": "https://cdn.v2ex.com/avatar/3d79/1837/161833_large.png?m=1657693926"
      }, 
      "url": "https://www.v2ex.com/t/1174309", 
      "title": "React Suite v6\uff1a\u9762\u5411\u73b0\u4ee3\u5316\u7684\u7a33\u5065\u5347\u7ea7", 
      "id": "https://www.v2ex.com/t/1174309", 
      "date_published": "2025-11-21T13:57:28+00:00", 
      "content_html": "<p>React Suite (rsuite) v6 \u6b63\u5f0f\u53d1\u5e03\u4e86\u3002\u8fd9\u4e00\u7248\u672c\u805a\u7126\u4e8e\u73b0\u4ee3\u5316\u6539\u9020\uff1a\u91cd\u6784\u5e95\u5c42\u6837\u5f0f\u7cfb\u7edf\u3001\u63d0\u4f9b\u65b0\u7684\u5e03\u5c40\u80fd\u529b\uff0c\u5e76\u6574\u4f53\u63d0\u5347\u54cd\u5e94\u5f0f\u4f53\u9a8c\u548c\u5f00\u53d1\u6d41\u7a0b\u3002v6 \u4ee3\u8868 React Suite \u5728\u7a33\u5b9a\u6027\u7684\u524d\u63d0\u4e0b\uff0c\u6301\u7eed\u5411\u66f4\u5177\u9002\u5e94\u6027\u7684 UI \u65b9\u6848\u6f14\u8fdb\u3002</p>\n<p><img alt=\"React Suite v6 Banner\" class=\"embedded_image\" loading=\"lazy\" referrerpolicy=\"no-referrer\" rel=\"noreferrer\" src=\"https://placehold.co/1200x400/25b864/ffffff?text=React+Suite+v6\"/></p>\n<h2>1. \u6837\u5f0f\u7cfb\u7edf\u7684\u5168\u9762\u91cd\u6784\uff1a\u62e5\u62b1 CSS \u53d8\u91cf</h2>\n<p>v6 \u6700\u91cd\u5927\u7684\u5e95\u5c42\u53d8\u9769\u662f\u5c06\u6837\u5f0f\u7cfb\u7edf\u4ece Less \u5f7b\u5e95\u8fc1\u79fb\u5230\u4e86 <strong>SCSS</strong>\uff0c\u5e76<strong>\u5168\u9762\u91c7\u7528 CSS \u53d8\u91cf (CSS Variables)</strong> \u4f5c\u4e3a\u4e3b\u9898\u5b9a\u5236\u7684\u6838\u5fc3\u65b9\u6848\u3002\u5f00\u53d1\u8005\u53ea\u9700\u8986\u76d6\u53d8\u91cf\u503c\uff0c\u5c31\u80fd\u5728\u8fd0\u884c\u65f6\u52a8\u6001\u5207\u6362\u54c1\u724c\u8272\u3001\u95f4\u8ddd\u6216\u5706\u89d2\uff0c\u65e0\u9700\u91cd\u65b0\u7f16\u8bd1\u6216\u914d\u7f6e\u989d\u5916\u7684\u6784\u5efa\u6d41\u7a0b\u3002</p>\n<p>\u5b8c\u6574\u7684\u53d8\u91cf\u6e05\u5355\u4e0e\u4f7f\u7528\u65b9\u5f0f\uff0c\u53ef\u53c2\u8003 <a href=\"https://rsuitejs.com/guide/css-variables/\" rel=\"nofollow\">CSS Variables \u6587\u6863</a>\uff0c\u4e5f\u53ef\u4ee5\u501f\u52a9 <a href=\"https://rsuitejs.com/resources/palette/\" rel=\"nofollow\">Palette \u5de5\u5177</a> \u53ef\u89c6\u5316\u8c03\u6574\u54c1\u724c\u914d\u8272\u3002</p>\n<h3>\u5176\u4ed6\u6837\u5f0f\u7cfb\u7edf\u6539\u8fdb</h3>\n<ul>\n<li>**\u903b\u8f91\u5c5e\u6027 (Logical Properties)**\uff1a\u5168\u9762\u91c7\u7528 CSS \u903b\u8f91\u5c5e\u6027\uff08\u5982 <code>margin-inline-start</code> \u4ee3\u66ff <code>margin-left</code>\uff09\uff0c\u539f\u751f\u652f\u6301 RTL \uff08\u4ece\u53f3\u5230\u5de6\uff09\u6392\u7248\u3002</li>\n<li><strong>rem \u5355\u4f4d</strong>\uff1a\u5b57\u4f53\u5927\u5c0f\u3001\u95f4\u8ddd\u7b49\u5c3a\u5bf8\u4ece <code>px</code> \u8f6c\u6362\u4e3a <code>rem</code>\uff0c\u66f4\u597d\u5730\u652f\u6301\u54cd\u5e94\u5f0f\u6392\u7248\u548c\u65e0\u969c\u788d\u7f29\u653e\u3002</li>\n</ul>\n<h2>2. \u62e5\u62b1 AI \u8f85\u52a9\u7f16\u7a0b</h2>\n<p>React Suite v6 \u4e0d\u4ec5\u5173\u6ce8\u7ec4\u4ef6\u672c\u8eab\uff0c\u66f4\u81f4\u529b\u4e8e\u63d0\u5347 AI \u65f6\u4ee3\u7684\u5f00\u53d1\u6548\u7387\u3002\u6211\u4eec\u5f15\u5165\u4e86\u5bf9 AI \u7f16\u7a0b\u52a9\u624b\u7684\u539f\u751f\u652f\u6301\uff0c\u8ba9 Cursor \u3001Windsurf \u7b49\u5de5\u5177\u80fd\u66f4\u61c2 RSuite \u3002</p>\n<h3>LLMs.txt \u652f\u6301</h3>\n<p>\u6211\u4eec\u9075\u5faa <a href=\"https://llmstxt.org/\" rel=\"nofollow\">llms.txt</a> \u6807\u51c6\uff0c\u4e3a\u6587\u6863\u7ad9\u6dfb\u52a0\u4e86 <code>/llms.txt</code> \u6587\u4ef6\u3002\u8fd9\u662f\u4e00\u4e2a\u4e13\u4e3a\u5927\u8bed\u8a00\u6a21\u578b (LLM) \u4f18\u5316\u7684\u6587\u6863\u7d22\u5f15\u3002</p>\n<p>\u5f53\u4f60\u5728 Cursor \u6216\u5176\u4ed6 AI \u5de5\u5177\u4e2d\u5f15\u7528 RSuite \u6587\u6863\u65f6\uff0cAI \u53ef\u4ee5\u901a\u8fc7\u8fd9\u4e2a\u6587\u4ef6\u5feb\u901f\u83b7\u53d6\u7ec4\u4ef6\u7684 API \u5b9a\u4e49\u3001\u6700\u4f73\u5b9e\u8df5\u548c\u4ee3\u7801\u793a\u4f8b\uff0c\u4ece\u800c\u751f\u6210\u66f4\u51c6\u786e\u3001\u7b26\u5408 v6 \u89c4\u8303\u7684\u4ee3\u7801\u3002</p>\n<h3>MCP Server \u96c6\u6210</h3>\n<p>\u6211\u4eec\u63a8\u51fa\u4e86\u5b98\u65b9\u7684 <a href=\"https://rsuitejs.com/guide/mcp-server/\" rel=\"nofollow\">Model Context Protocol (MCP)</a> Server \u3002</p>\n<p>\u901a\u8fc7 MCP \uff0c\u4f60\u7684 AI \u52a9\u624b\u53ef\u4ee5\u76f4\u63a5\u8fde\u63a5\u5230 RSuite \u7684\u77e5\u8bc6\u5e93\u3002\u8fd9\u610f\u5473\u7740\uff1a</p>\n<ul>\n<li><strong>\u5b9e\u65f6\u68c0\u7d22</strong>\uff1aAI \u53ef\u4ee5\u76f4\u63a5\u8bfb\u53d6\u6700\u65b0\u7684\u7ec4\u4ef6\u6587\u6863\u548c API \uff0c\u65e0\u9700\u624b\u52a8\u590d\u5236\u7c98\u8d34\u3002</li>\n<li><strong>\u4e0a\u4e0b\u6587\u611f\u77e5</strong>\uff1a\u5728\u7f16\u5199\u4ee3\u7801\u65f6\uff0cAI \u80fd\u81ea\u52a8\u63a8\u8350\u9002\u5408\u5f53\u524d\u573a\u666f\u7684\u7ec4\u4ef6\u548c\u5c5e\u6027\u3002</li>\n<li><strong>\u51cf\u5c11\u5e7b\u89c9</strong>\uff1a\u57fa\u4e8e\u5b98\u65b9\u6587\u6863\u7684\u4e0a\u4e0b\u6587\u6295\u5582\uff0c\u5927\u5e45\u964d\u4f4e AI \u751f\u6210\u8fc7\u65f6\u6216\u9519\u8bef\u4ee3\u7801\u7684\u6982\u7387\u3002</li>\n</ul>\n<h2>3. \u5e03\u5c40\u80fd\u529b\u7684\u539f\u5b50\u5316\uff1a\u5f15\u5165 Box \u4e0e Center</h2>\n<p>\u4e3a\u4e86\u8ba9\u5e03\u5c40\u66f4\u52a0\u7075\u6d3b\u9ad8\u6548\uff0cv6 \u5f15\u5165\u4e86\u57fa\u7840\u7684\u5e03\u5c40\u539f\u5b50\u7ec4\u4ef6\uff0c\u8ba9\u5f00\u53d1\u8005\u80fd\u591f\u50cf\u642d\u79ef\u6728\u4e00\u6837\u6784\u5efa\u590d\u6742\u7684 UI \u3002</p>\n<h3><a href=\"https://rsuitejs.com/components/box/\" rel=\"nofollow\">Box \u7ec4\u4ef6</a></h3>\n<p><a href=\"https://rsuitejs.com/components/box/\" rel=\"nofollow\"><code>Box</code></a> \u662f\u6784\u5efa\u5e03\u5c40\u7684\u57fa\u77f3\uff0c\u5b83\u5141\u8bb8\u4f60\u76f4\u63a5\u5728\u7ec4\u4ef6\u4e0a\u901a\u8fc7 props \u63a7\u5236\u6837\u5f0f\uff0c\u65e0\u9700\u7f16\u5199\u989d\u5916\u7684 CSS \u7c7b\u3002</p>\n<pre><code class=\"language-jsx\">import { Box, Button } from 'rsuite';\n\nfunction App() {\n  return (\n    &lt;Box p={20} m={10} bg=\"gray-100\" borderRadius={8} display=\"flex\" justifyContent=\"space-between\"&gt;\n      &lt;h2&gt;Welcome to v6&lt;/h2&gt;\n      &lt;Button appearance=\"primary\"&gt;Get Started&lt;/Button&gt;\n    &lt;/Box&gt;\n  );\n}\n</code></pre>\n<h3><a href=\"https://rsuitejs.com/components/center/\" rel=\"nofollow\">Center \u7ec4\u4ef6</a></h3>\n<p>\u5782\u76f4\u6c34\u5e73\u5c45\u4e2d\u4e00\u76f4\u662f CSS \u4e2d\u7684\u9ad8\u9891\u9700\u6c42\uff0c\u73b0\u5728\u4f60\u53ef\u4ee5\u4f7f\u7528 <a href=\"https://rsuitejs.com/components/center/\" rel=\"nofollow\"><code>Center</code></a> \u7ec4\u4ef6\u8f7b\u677e\u5b9e\u73b0\uff1a</p>\n<pre><code class=\"language-jsx\">import { Center } from 'rsuite';\n\n&lt;Center height={200} className=\"bg-blue-50\"&gt;\n  &lt;div&gt;Perfectly Centered Content&lt;/div&gt;\n&lt;/Center&gt;;\n</code></pre>\n<h2>4. \u54cd\u5e94\u5f0f\u8bbe\u8ba1\u7684\u5168\u9762\u589e\u5f3a</h2>\n<p>\u5728\u79fb\u52a8\u4e92\u8054\u7f51\u65f6\u4ee3\uff0c\u8de8\u7aef\u9002\u914d\u81f3\u5173\u91cd\u8981\u3002v6 \u5bf9\u6838\u5fc3\u7ec4\u4ef6\u8fdb\u884c\u4e86\u54cd\u5e94\u5f0f\u80fd\u529b\u7684\u589e\u5f3a\u3002</p>\n<ul>\n<li>\n<p><strong><a href=\"https://rsuitejs.com/components/grid/\" rel=\"nofollow\">Grid</a> \u7cfb\u7edf\u5347\u7ea7</strong>\uff1a\u91cd\u6784\u4e86 <code>Row</code> \u548c <code>Col</code>\uff0c\u63d0\u4f9b\u66f4\u7075\u6d3b\u7684\u65ad\u70b9\u63a7\u5236\u5bf9\u8c61\u8bed\u6cd5\u3002</p>\n<pre><code class=\"language-jsx\">&lt;Row align=\"center\" justify=\"space-between\"&gt;\n  &lt;Col span={{ xs: 24, md: 12, lg: 8 }}&gt;...&lt;/Col&gt;\n  &lt;Col span={{ xs: 24, md: 12, lg: 8 }}&gt;...&lt;/Col&gt;\n&lt;/Row&gt;\n</code></pre>\n</li>\n<li>\n<p>**<a href=\"https://rsuitejs.com/components/navbar/\" rel=\"nofollow\">Navbar</a> &amp; <a href=\"https://rsuitejs.com/components/sidenav/\" rel=\"nofollow\">Sidenav</a>**\uff1a\u65b0\u589e\u4e86\u5bf9\u79fb\u52a8\u7aef\u7684\u81ea\u9002\u5e94\u652f\u6301\uff0c\u4f7f\u7528 <code>Navbar.Content</code> \u66ff\u4ee3\u4e86\u5e9f\u5f03\u7684 <code>pullRight</code>\uff0c\u5e03\u5c40\u66f4\u6e05\u6670\u3002</p>\n<pre><code class=\"language-jsx\">&lt;Navbar&gt;\n  &lt;Navbar.Brand&gt;BRAND&lt;/Navbar.Brand&gt;\n  &lt;Navbar.Content&gt;\n    &lt;Nav&gt;...&lt;/Nav&gt;\n  &lt;/Navbar.Content&gt;\n  &lt;Navbar.Content&gt;\n    &lt;Avatar /&gt;\n  &lt;/Navbar.Content&gt;\n&lt;/Navbar&gt;\n</code></pre>\n</li>\n<li>\n<p><strong>Picker \u7ec4\u4ef6</strong>\uff1a\u6240\u6709\u7684 Picker \u7ec4\u4ef6\u73b0\u5728\u90fd\u62e5\u6709\u4e86\u66f4\u597d\u7684\u79fb\u52a8\u7aef\u9002\u914d\u4f53\u9a8c\uff0c\u5728\u5c0f\u5c4f\u5e55\u8bbe\u5907\u4e0a\u4f1a\u81ea\u52a8\u5207\u6362\u4e3a\u66f4\u53cb\u597d\u7684\u4ea4\u4e92\u6a21\u5f0f\u3002</p>\n</li>\n</ul>\n<h2>5. \u5168\u65b0\u7684\u7ec4\u4ef6\u4e0e Hooks</h2>\n<p>\u9664\u4e86\u5e03\u5c40\u7ec4\u4ef6\uff0cv6 \u8fd8\u5e26\u6765\u4e86\u4e00\u7cfb\u5217\u5b9e\u7528\u7684\u65b0\u7ec4\u4ef6\u548c Hooks \uff0c\u8fdb\u4e00\u6b65\u4e30\u5bcc\u4e86\u7ec4\u4ef6\u5e93\u7684\u80fd\u529b\u3002</p>\n<h3>\u65b0\u589e\u7ec4\u4ef6</h3>\n<ul>\n<li>\n<p><a href=\"https://rsuitejs.com/components/segmented-control/\" rel=\"nofollow\"><strong>SegmentedControl</strong></a>\uff1a\u5206\u6bb5\u63a7\u5236\u5668\uff0c\u63d0\u4f9b\u66f4\u73b0\u4ee3\u7684\u9009\u9879\u5361\u5207\u6362\u4f53\u9a8c\uff0c\u9002\u7528\u4e8e\u7b5b\u9009\u3001\u89c6\u56fe\u5207\u6362\u7b49\u573a\u666f\u3002</p>\n</li>\n<li>\n<p><a href=\"https://rsuitejs.com/components/password-input/\" rel=\"nofollow\"><strong>PasswordInput</strong></a>\uff1a\u4e13\u7528\u7684\u5bc6\u7801\u8f93\u5165\u6846\uff0c\u5185\u7f6e\u663e\u793a/\u9690\u85cf\u5bc6\u7801\u5207\u6362\u529f\u80fd\uff0c\u63d0\u5347\u7528\u6237\u4f53\u9a8c\u3002</p>\n</li>\n<li>\n<p><a href=\"https://rsuitejs.com/components/pin-input/\" rel=\"nofollow\"><strong>PinInput</strong></a>\uff1aPIN \u7801/\u9a8c\u8bc1\u7801\u8f93\u5165\u7ec4\u4ef6\uff0c\u652f\u6301\u81ea\u52a8\u805a\u7126\u548c\u7c98\u8d34\u5206\u5272\uff0c\u9002\u7528\u4e8e\u9a8c\u8bc1\u573a\u666f\u3002</p>\n</li>\n<li>\n<p><a href=\"https://rsuitejs.com/components/textarea/\" rel=\"nofollow\"><strong>Textarea</strong></a>\uff1a\u72ec\u7acb\u7684\u591a\u884c\u6587\u672c\u8f93\u5165\u7ec4\u4ef6\uff0c\u63d0\u4f9b\u66f4\u597d\u7684\u6837\u5f0f\u63a7\u5236\u548c\u4e00\u81f4\u6027\u3002</p>\n</li>\n<li>\n<p><a href=\"https://rsuitejs.com/components/kbd/\" rel=\"nofollow\"><strong>Kbd</strong></a>\uff1a\u7528\u4e8e\u5c55\u793a\u952e\u76d8\u6309\u952e\uff0c\u6587\u6863\u7ad9\u548c\u5feb\u6377\u952e\u63d0\u793a\u7684\u798f\u97f3\u3002</p>\n</li>\n<li>\n<p><a href=\"https://rsuitejs.com/components/link/\" rel=\"nofollow\"><strong>Link</strong></a>\uff1a\u63d0\u4f9b\u7edf\u4e00\u6837\u5f0f\u7684\u94fe\u63a5\u7ec4\u4ef6\uff0c\u652f\u6301\u81ea\u5b9a\u4e49\u989c\u8272\u548c\u65e0\u969c\u788d\u8bbf\u95ee\u3002</p>\n</li>\n<li>\n<p><a href=\"https://rsuitejs.com/components/menu/\" rel=\"nofollow\"><strong>Menu</strong></a> &amp; <a href=\"https://rsuitejs.com/components/navbar/#mega-menu\" rel=\"nofollow\"><strong>MegaMenu</strong></a>\uff1a\u5168\u65b0\u7684\u83dc\u5355\u7cfb\u7edf\uff0c\u652f\u6301\u66f4\u590d\u6742\u7684\u5bfc\u822a\u7ed3\u6784\uff0c\u8f7b\u677e\u6784\u5efa\u5927\u578b\u5e94\u7528\u5bfc\u822a\u3002</p>\n</li>\n<li>\n<p><a href=\"https://rsuitejs.com/components/form/\" rel=\"nofollow\"><strong>Form.Stack</strong></a>\uff1a\u8ba9\u8868\u5355\u5e03\u5c40\u6392\u5217\u66f4\u52a0\u6574\u6d01\u6709\u5e8f\uff0c\u66ff\u4ee3\u4e86 Form \u7ec4\u4ef6\u4e0a\u7684\u5e03\u5c40\u5c5e\u6027\u3002</p>\n<pre><code class=\"language-jsx\">&lt;Form&gt;\n  &lt;Form.Stack layout=\"horizontal\" spacing={20}&gt;\n    &lt;Form.Group&gt;\n      &lt;Form.Label&gt;Username&lt;/Form.Label&gt;\n      &lt;Form.Control name=\"username\" /&gt;\n    &lt;/Form.Group&gt;\n    {/* ... */}\n  &lt;/Form.Stack&gt;\n&lt;/Form&gt;\n</code></pre>\n</li>\n</ul>\n<h3>\u5f3a\u5927\u7684 Hooks</h3>\n<ul>\n<li>\n<p><a href=\"https://rsuitejs.com/components/use-dialog/\" rel=\"nofollow\"><strong>useDialog</strong></a>\uff1a\u901a\u8fc7\u51fd\u6570\u8c03\u7528\u65b9\u5f0f\u7ba1\u7406\u5bf9\u8bdd\u6846\uff0c\u544a\u522b\u7e41\u7410\u7684 visible state \u7ba1\u7406\u3002</p>\n<pre><code class=\"language-jsx\">const dialog = useDialog();\n\nconst handleClick = async () =&gt; {\n  const result = await dialog.confirm({\n    title: '\u786e\u8ba4\u64cd\u4f5c',\n    children: '\u60a8\u786e\u5b9a\u8981\u6267\u884c\u6b64\u64cd\u4f5c\u5417\uff1f'\n  });\n  if (result) {\n    console.log('Confirmed');\n  }\n};\n</code></pre>\n</li>\n<li>\n<p><strong>useFormControl</strong>\uff1a\u8f7b\u677e\u521b\u5efa\u81ea\u5b9a\u4e49\u7684\u8868\u5355\u63a7\u4ef6\uff0c\u81ea\u52a8\u5904\u7406\u9a8c\u8bc1\u72b6\u6001\u548c\u9519\u8bef\u4fe1\u606f\u3002</p>\n</li>\n</ul>\n<h2>6. \u5f00\u53d1\u8005\u4f53\u9a8c (DX) \u7684\u6781\u81f4\u8ffd\u6c42</h2>\n<p>\u6211\u4eec\u6df1\u77e5\u5f00\u53d1\u8005\u7684\u5feb\u4e50\u4e0d\u4ec5\u4ec5\u6765\u81ea\u4e8e\u597d\u7528\u7684\u7ec4\u4ef6\uff0c\u66f4\u6765\u81ea\u4e8e\u6d41\u7545\u7684\u5f00\u53d1\u6d41\u7a0b\u3002</p>\n<ul>\n<li><strong>\u5168\u9762\u62e5\u62b1 Vitest</strong>\uff1a\u6211\u4eec\u5c06\u6d4b\u8bd5\u6846\u67b6\u4ece Karma/Mocha \u8fc1\u79fb\u5230\u4e86 Vitest \uff0c\u6d4b\u8bd5\u901f\u5ea6\u5927\u5e45\u63d0\u5347\uff0c\u5f00\u53d1\u53cd\u9988\u66f4\u52a0\u5373\u65f6\u3002</li>\n<li><strong>TypeScript \u7c7b\u578b\u589e\u5f3a</strong>\uff1a\u4f18\u5316\u4e86\u6240\u6709\u7ec4\u4ef6\u7684\u7c7b\u578b\u5bfc\u51fa\uff0c\u65b0\u589e Schema \u7c7b\u578b\u547d\u540d\u5bfc\u51fa\uff0c\u667a\u80fd\u63d0\u793a\u66f4\u52a0\u7cbe\u51c6\u3002</li>\n<li>\n<strong>Bundle Size \u4f18\u5316</strong>\uff1a<ul>\n<li>\u5f15\u5165 size-limit \uff0c\u4e25\u683c\u628a\u63a7\u5305\u4f53\u79ef\u3002</li>\n</ul>\n</li>\n<li><strong>\u751f\u6001\u652f\u6301</strong>\uff1a\u65b0\u589e Bun \u5b89\u88c5\u6307\u5357\uff0c\u7d27\u8ddf\u524d\u7aef\u5de5\u5177\u94fe\u53d1\u5c55\u6f6e\u6d41\u3002</li>\n<li><strong>\u5f00\u53d1\u8c03\u8bd5</strong>\uff1a<code>useToaster</code> \u589e\u52a0\u4e86\u73af\u5883\u68c0\u67e5\uff0c\u5f53\u5728 <code>CustomProvider</code> \u4e0a\u4e0b\u6587\u4e4b\u5916\u4f7f\u7528\u65f6\u4f1a\u53d1\u51fa\u53cb\u597d\u8b66\u544a\uff0c\u5e2e\u52a9\u5feb\u901f\u5b9a\u4f4d\u95ee\u9898\u3002</li>\n</ul>\n<h2>7. \u66f4\u591a\u7ec6\u8282\u6539\u8fdb</h2>\n<ul>\n<li>\n<p><a href=\"https://rsuitejs.com/components/badge/\" rel=\"nofollow\"><strong>Badge</strong></a>\uff1a\u65b0\u589e <code>size</code>\u3001<code>outline</code>\u3001<code>placement</code> \u7b49\u5c5e\u6027\uff0c\u652f\u6301\u66f4\u4e30\u5bcc\u7684\u5c55\u793a\u5f62\u6001\u3002</p>\n<pre><code class=\"language-jsx\">&lt;Badge content=\"New\" size=\"lg\" outline /&gt;\n&lt;Badge content={99} shape=\"square\" placement=\"bottomEnd\" /&gt;\n</code></pre>\n</li>\n<li>\n<p><a href=\"https://rsuitejs.com/components/breadcrumb/\" rel=\"nofollow\"><strong>Breadcrumb</strong></a>\uff1a\u9ed8\u8ba4\u6837\u5f0f\u8c03\u6574\uff0c\u66f4\u7b26\u5408\u73b0\u4ee3\u8bbe\u8ba1\u89c4\u8303\u3002</p>\n</li>\n<li>\n<p><a href=\"https://rsuitejs.com/components/date-picker/\" rel=\"nofollow\"><strong>DatePicker</strong></a>\uff1a\u4f18\u5316\u4e86 Toolbar \u5e03\u5c40\uff0c\u4ea4\u4e92\u66f4\u7b26\u5408\u76f4\u89c9\u3002</p>\n</li>\n<li>\n<p><a href=\"https://rsuitejs.com/components/progress/\" rel=\"nofollow\"><strong>Progress</strong></a>\uff1a\u65b0\u589e <code>indeterminate</code> \u52a0\u8f7d\u52a8\u753b\u72b6\u6001\uff0c\u4ee5\u53ca\u652f\u6301\u5206\u6bb5\u8fdb\u5ea6\u6761 (<code>sections</code>)\uff0c\u5c55\u793a\u66f4\u4e30\u5bcc\u7684\u4fe1\u606f\u3002</p>\n</li>\n<li>\n<p><a href=\"https://rsuitejs.com/components/tree-picker/\" rel=\"nofollow\"><strong>TreePicker</strong></a>\uff1a\u65b0\u589e <code>onlyLeafSelectable</code> \u5c5e\u6027\uff0c\u6ee1\u8db3\u4ec5\u5141\u8bb8\u9009\u62e9\u53f6\u5b50\u8282\u70b9\u7684\u4e1a\u52a1\u573a\u666f\u3002</p>\n</li>\n<li>\n<p><a href=\"https://rsuitejs.com/components/button/\" rel=\"nofollow\"><strong>Button</strong></a>\uff1a\u65b0\u589e toggle \u72b6\u6001\u652f\u6301\u3002</p>\n</li>\n<li>\n<p><a href=\"https://rsuitejs.com/components/input/\" rel=\"nofollow\"><strong>InputGroup</strong></a>\uff1a\u4f18\u5316\u4e86 inside \u6a21\u5f0f\u4e0b\u7684\u6309\u94ae\u6837\u5f0f\uff0c\u89c6\u89c9\u66f4\u52a0\u534f\u8c03\u3002</p>\n</li>\n<li>\n<p><strong>\u4f9d\u8d56\u5347\u7ea7</strong>\uff1aDate-fns 4.x, Prettier 3.x \u7b49\u6838\u5fc3\u4f9d\u8d56\u5168\u9762\u5347\u7ea7\u3002</p>\n</li>\n</ul>\n<hr/>\n<h2>\u7acb\u5373\u5f00\u59cb</h2>\n<p>React Suite v6 \u73b0\u5df2\u901a\u8fc7 npm \u53d1\u5e03\u3002</p>\n<pre><code class=\"language-bash\">npm install rsuite@latest\n</code></pre>\n<p>\u6211\u4eec\u51c6\u5907\u4e86\u8be6\u7ec6\u7684<a href=\"https://rsuitejs.com/guide/migration-v6\" rel=\"nofollow\">\u8fc1\u79fb\u6307\u5357</a>\uff0c\u5e2e\u52a9\u60a8\u4ece v5 \u5e73\u6ed1\u5347\u7ea7\u3002</p>\n<p>\u6b22\u8fce\u5728 <a href=\"https://github.com/rsuite/rsuite\" rel=\"nofollow\">GitHub</a> \u4e0a\u7ed9\u6211\u4eec Star \uff0c\u6216\u8005\u5728 Discussion \u4e2d\u5206\u4eab\u60a8\u7684\u4f7f\u7528\u4f53\u9a8c\uff01</p>\n<p><strong>React Suite Team</strong></p>\n"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/chemms", 
        "name": "chemms", 
        "avatar": "https://cdn.v2ex.com/gravatar/6288bfbe061b012e656e67f1d21ea3fd?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1173933", 
      "title": "\u5404\u4f4d\u603b\u4eec\uff0c\u5f00\u53d1\u517c\u5bb9\u5230 ios 11 \u7684 APP\uff0c RN \u63a8\u8350\u5417", 
      "id": "https://www.v2ex.com/t/1173933", 
      "date_published": "2025-11-20T03:46:28+00:00", 
      "content_html": "<p>\u73b0\u5728\u516c\u53f8\u8981\u5f00\u53d1\u4e00\u4e2a iOS app \uff0c\u7ed9\u4e86\u4e24\u4e2a\u6708\u65f6\u95f4\uff0c\u4e3b\u8981\u95ee\u9898\u5c31\u662f\u8fd9\u4e2a\u517c\u5bb9\u6027\u95ee\u9898\uff0c\u63a8\u8350\u7528 rn \u5417\uff1f\u672c\u4eba react \u5f00\u53d1\u6bd4\u8f83\u719f\u7ec3\uff0c\u4f46\u662f\u770b\u6700\u65b0\u7684 rn \u7248\u672c\u517c\u5bb9\u7684 ios \u7248\u672c\u90fd\u6bd4\u8f83\u65b0\uff0c\u53ea\u6709\u65e7\u7248\u672c\u7684\u53ef\u4ee5\u517c\u5bb9\uff0c\u6240\u4ee5\u8fd9\u91cc\u6709\u70b9\u62ff\u4e0d\u51c6\u4e86\uff0c\u5927\u5bb6\u6709\u8fd9\u65b9\u9762\u7684\u7ecf\u9a8c\u5417</p>\n"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/pyyalt", 
        "name": "pyyalt", 
        "avatar": "https://cdn.v2ex.com/avatar/e526/5a2c/612567_large.png?m=1772091020"
      }, 
      "url": "https://www.v2ex.com/t/1170869", 
      "date_modified": "2025-11-06T05:55:16+00:00", 
      "content_html": "<p><code>import { Image as ImageNative } from 'expo-image'; </code> </p>\n<p><code> &lt;ImageNative source={imageUri} placeholder={{ blurhash }} className=\"w-full h-48 rounded-lg mb-2\" style={{ height:192,width:100% }} contentFit=\"cover\" transition={200}/&gt;</code></p>\n<pre><code>     \u5b9e\u9645\u6d4b\u8bd5\u597d\u50cf\u5fc5\u987b\u52a0 style \u56fe\u7247\u624d\u4f1a\u6b63\u786e\u663e\u793a\u3002\u90a3\u4e48\u5982\u679c\u6709\u5f88\u591a\u5730\u65b9\u4f7f\u7528\uff0c\u6bcf\u6b21\u52a0 style \u4e0d\u662f\u5f88\u9ebb\u70e6\u561b\uff1f \u6211\u662f\u60f3\u76f4\u63a5\u4f7f\u7528 className \u6765\u6539\u53d8\u56fe\u7247\u5927\u5c0f\u7684\u3002\n</code></pre>\n", 
      "date_published": "2025-11-06T02:00:26+00:00", 
      "title": "expo-image \u5728\u4f7f\u7528\u65f6\u5019\u5fc5\u987b\u8981\u52a0 style \u5c5e\u6027 \uff1f", 
      "id": "https://www.v2ex.com/t/1170869"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/JoeJoeJoe", 
        "name": "JoeJoeJoe", 
        "avatar": "https://cdn.v2ex.com/avatar/7f7f/3bb4/531733_large.png?m=1774842988"
      }, 
      "url": "https://www.v2ex.com/t/1168840", 
      "date_modified": "2025-10-28T02:51:38+00:00", 
      "content_html": "<p>\u6700\u597d\u662f\u65b9\u4fbf\u4e00\u4e9b\u7684, \u80fd\u5feb\u901f\u5c06\u6837\u5f0f\u548c html \u5bfc\u51fa\u6765\u7684.</p>\n<p>\u4e07\u5206\u611f\u8c22\ud83d\ude4f\ud83c\udffb</p>\n", 
      "date_published": "2025-10-28T02:35:58+00:00", 
      "title": "\u4f6c\u4eec, \u54a8\u8be2\u4e00\u4e2a\u524d\u7aef React \u7684\u5f00\u53d1\u6548\u7387\u95ee\u9898, \u5c31\u662f\u5982\u679c\u60f3\u5feb\u901f\u5b9e\u73b0\u4e00\u4e2a\u754c\u9762\u7ec4\u4ef6\u7684\u6548\u679c,\u53ea\u9700\u8981 render \u90e8\u5206, \u6709\u4ec0\u4e48\u597d\u7528\u7684\u5de5\u5177\u5417?", 
      "id": "https://www.v2ex.com/t/1168840"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/asen001", 
        "name": "asen001", 
        "avatar": "https://cdn.v2ex.com/avatar/d5f5/425f/549594_large.png?m=1733216854"
      }, 
      "url": "https://www.v2ex.com/t/1168815", 
      "date_modified": "2025-10-28T01:50:58+00:00", 
      "content_html": "<p>\u4e4b\u524d\u7528\u8fc7 nextjs app router \u4f53\u9a8c\u4e00\u5768\uff0c\u70ed\u66f4\u65b0\u5f88\u6162\uff0c\u5f88\u5403\u5185\u5b58\uff0c\u800c\u4e14 \"use server\" \"use client\" \u5f00\u53d1\u8d77\u6765\u633a\u9ebb\u70e6\uff0c\u5199\u5230\u540e\u9762\u76f4\u63a5 \u5168\u90e8 \"use client\"\u3002</p>\n<p>react router v7 \u600e\u4e48\u6837\uff0c\u6709\u4eba\u7528\u8fc7\u5417\uff0c\u6c42\u5206\u4eab\uff0c\u63a5\u4e86\u4e2a\u5c0f\u6d3b\u4e0d\u60f3\u82b1\u65f6\u95f4\u8e29\u5751\u3002</p>\n", 
      "date_published": "2025-10-28T01:48:38+00:00", 
      "title": "2025 \u5feb\u8fc7\u5b8c\u4e86\uff0c\u6709 ssr \u9700\u6c42\u7684\u9879\u76ee\u73b0\u5728\u6700\u4f73\u9009\u62e9\u662f\u4ec0\u4e48\uff1f", 
      "id": "https://www.v2ex.com/t/1168815"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/Akay47", 
        "name": "Akay47", 
        "avatar": "https://cdn.v2ex.com/avatar/5a18/768e/563207_large.png?m=1758347720"
      }, 
      "url": "https://www.v2ex.com/t/1167735", 
      "date_modified": "2025-10-23T00:47:22+00:00", 
      "content_html": "<p>\u6bd4\u8f83\u63a8\u5d07 solidjs \u548c preact \u7684 signals, \u4f46\u8fd9\u4e24\u4e2a\u5e93\u7684\u751f\u6001\u4e0d\u884c, \u5982\u679c\u5728 react \u4e2d\u4f7f\u7528 preact/signals-react \u662f\u5426\u53ef\u884c\u5462? \u5c1d\u8bd5\u4e86\u4e0b\u57fa\u7840\u4f7f\u7528\u662f ok \u7684, \u53ea\u662f\u4e0d\u77e5\u9053\u9879\u76ee\u5927\u4e00\u70b9\u4f1a\u4e0d\u4f1a\u51fa\u73b0\u548c\u5176\u5b83\u5e93\u4e0d\u517c\u5bb9\u7684\u95ee\u9898</p>\n<p>https://www.npmjs.com/package/@preact/signals-react</p>\n", 
      "date_published": "2025-10-23T00:38:23+00:00", 
      "title": "\u5728 react \u4e2d\u4f7f\u7528 signals \u5e93", 
      "id": "https://www.v2ex.com/t/1167735"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/sun1991", 
        "name": "sun1991", 
        "avatar": "https://cdn.v2ex.com/avatar/5b32/eb1a/28673_large.png?m=1510902124"
      }, 
      "url": "https://www.v2ex.com/t/1164844", 
      "date_modified": "2025-10-13T10:10:30+00:00", 
      "content_html": "<p>\u9879\u76ee\u672c\u8eab\u662f\u57fa\u4e8e Antd 4.24 \u505a\u7684, \u73b0\u5728\u8981\u589e\u52a0 charts \u529f\u80fd, \u4f7f\u7528 Ant Design Charts \u662f\u4e0d\u662f\u6700\u597d\u7684\u9009\u62e9?</p>\n", 
      "date_published": "2025-10-13T06:43:04+00:00", 
      "title": "react charts \u6280\u672f\u9009\u578b", 
      "id": "https://www.v2ex.com/t/1164844"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/HMYang33", 
        "name": "HMYang33", 
        "avatar": "https://cdn.v2ex.com/avatar/c24b/8e90/675719_large.png?m=1770955236"
      }, 
      "url": "https://www.v2ex.com/t/1159286", 
      "date_modified": "2025-09-15T04:26:15+00:00", 
      "content_html": "<p>\u521b\u5efa\u9879\u76ee\u548c\u5199\u4ee3\u7801\u5c31\u4e0d\u8bf4\u4e86\uff0c\u4e3b\u8981\u8bf4\u4e00\u4e0b\u5927\u90e8\u5206\u89c6\u9891\u6559\u7a0b\u672a\u63d0\u53ca\u7684\u6253\u5305\u90e8\u5206</p>\n<p>\u4e3b\u6d41\u90fd\u662f\u5728\u63a8\u8350 eas \u4e91\u6253\u5305\uff0c\u4e0d\u4ec5\u6392\u961f\u65f6\u95f4\u957f\uff0c\u8fd8\u603b\u662f\u6392\u4e86\u8001\u957f\u7684\u961f\u53c8\u5f88\u5bb9\u6613\u51fa\u9519\uff0c\u6709\u65f6\u751a\u81f3\u662f\u4e91\u6253\u5305\u6240\u7528\u7684\u673a\u5668\u7f51\u7edc\u5dee\u70b9\u610f\u601d\u5bfc\u81f4\u4f9d\u8d56\u5b89\u88c5\u5931\u8d25\u4e86\u3002\u5c31\u65ad\u6389\u6574\u4e2a\u6253\u5305\u6d41\u7a0b\u3002\u7136\u540e\u4f60\u5c31\u9700\u8981\u91cd\u65b0\u6392\u961f\u6253\u5305\u3002\u4e0d\u51fa\u610f\u5916\u53c8\u8981\u6392\u961f\u4e24\u4e2a\u5c0f\u65f6\u3002\u6709\u70b9\u79bb\u8c31\u3002</p>\n<p>eas \u4e5f\u652f\u6301--local \u53c2\u6570\u8fdb\u884c\u672c\u5730\u6253\u5305\uff0c\u4f46\u662f\u672c\u5730\u6253\u5305\u8fd8\u8981\u767b\u5f55 eas \u8d26\u53f7\uff0c\u6ca1\u4e00\u70b9\u4ee3\u7801\u5b89\u5168\u611f\u3002\u5f88\u79bb\u8c31\u3002</p>\n<p>\u4e0d\u4ec5\u6ca1\u5b89\u5168\u611f\uff0c\u5c31\u7b97\u4f60\u767b\u4e0a\u4e86\uff0c\u4e5f\u4f1a\u63d0\u793a\u4f60 windows \u4e0d\u652f\u6301\u3002\u79bb\u79bb\u539f\u4e0a\u8c31\u3002</p>\n<p>\u5982\u679c\u4f7f\u7528 windows subsystem for linux \u53c8\u4f1a\u5927\u6982\u7387\u7275\u626f\u51fa\u4e0d\u4f1a\u6b63\u786e\u4f7f\u7528 WSL \u7684\u5404\u79cd\u7591\u60d1\u3002\u800c\u4e14 expo \u6587\u6863\u4e0a\u4e5f\u4e0d\u4f1a\u544a\u8bc9\u4f60\u600e\u4e48\u901a\u8fc7 wsl \u6253\u5305\uff0c\u56e0\u4e3a expo \u56e2\u961f\u5c31\u6ca1\u60f3\u7740\u517c\u5bb9 windows \u5e73\u53f0\uff0c\u4e5f\u4e0d\u4f1a\u7ed9\u4f60\u6d4b\u8bd5 wsl \u80fd\u4e0d\u80fd\u6b63\u5e38\u7528\u4e8e\u6253\u5305\u3002</p>\n<p>\u6709\u6ca1\u6709\u5b89\u5168\u4e14\u65b9\u4fbf\u7684 windows \u7cfb\u7edf\u7684\u6253\u5305 expo \u9879\u76ee\u7684 apk \u7684\u65b9\u5f0f\u5462\uff0c\u6709\u7684\u5144\u5f1f\u6709\u7684</p>\n<h3>1.\u4e0b\u8f7d\u5e76\u5b89\u88c5 Android Studio</h3>\n<p><a href=\"https://r3---sn-i3b7knlk.gvt1.com/edgedl/android/studio/install/2025.1.3.7/android-studio-2025.1.3.7-windows.exe\" rel=\"nofollow\">https://r3---sn-i3b7knlk.gvt1.com/edgedl/android/studio/install/2025.1.3.7/android-studio-2025.1.3.7-windows.exe</a></p>\n<p>\u6253\u5f00 exe \u6587\u4ef6\uff0c\u8ddf\u7740\u5b89\u88c5\u5411\u5bfc\u4e0b\u4e00\u6b65\u4e0b\u4e00\u6b65...</p>\n<h3>2.Android Studio \u521d\u6b21\u8fd0\u884c\u9700\u8981\u4e0b\u8f7d\u7684\u4e1c\u897f</h3>\n<p>\u6253\u5f00\u5b89\u88c5\u597d\u7684 Android Studio \uff0c</p>\n<p>\u70b9\u51fb\u4e0d\u7ed9\u8c37\u6b4c\u53d1\u9001\u4f7f\u7528\u6570\u636e\uff0c</p>\n<p>\u63d0\u793a\u9700\u8981\u4e0b\u8f7d SDK \u548c\u5b89\u5353\u6a21\u62df\u5668\uff0c\u4e0b\u4e00\u6b65\u5230 License \u754c\u9762\uff0c\u4f1a\u5c55\u793a android-sdk \u7684\u8bb8\u53ef\u5185\u5bb9\uff0c\u70b9\u4e0b\u9762\u63a5\u53d7\u7684\u5355\u9009\u6309\u94ae</p>\n<p>\u70b9\u51fb\u5de6\u4fa7 android-sdk-preview-license \u67e5\u770b\u7b2c\u4e8c\u4e2a\u8bb8\u53ef\u5185\u5bb9\uff0c\u518d\u70b9\u4e0b\u9762\u7684\u63a5\u53d7\u5355\u9009\u6309\u94ae</p>\n<p>SDK \u548c\u5b89\u5353\u6a21\u62df\u5668\u7684\u4e0b\u8f7d\u9700\u8981\u6d88\u8017 <strong>50 \u5206\u949f(\u6211\u7684\u7f51\u901f\u662f 1.7MB/s)</strong></p>\n<p>\u65f6\u95f4\u5b9d\u8d35\uff0c\u4f60\u53ef\u4ee5\u5148\u5e72\u70b9\u522b\u7684\u3002</p>\n<p>\u4e0b\u8f7d\u597d\u4e86\u5c31\u91cd\u542f\u4e00\u6b21\u7535\u8111</p>\n<p>\u611f\u89c9\u5185\u5b58\u4e0d\u591f\u7528\u7684\u53ef\u4ee5\u6253\u5f00\u865a\u62df\u5185\u5b58\uff08\u63a8\u8350\u52fe\u9009\u201c\u81ea\u52a8\u7ba1\u7406\u6240\u6709\u9a71\u52a8\u5668\u7684\u5206\u9875\u6587\u4ef6\u5927\u5c0f\u201d\uff09\u3002</p>\n<h3>3.\u5728\u4f60\u7684\u9879\u76ee\u76ee\u5f55\u5b89\u88c5 node modules \u5e76\u8fdb\u884c\u9884\u6784\u5efa</h3>\n<p>\u4f7f\u7528 npm ci \u5f3a\u5236\u4f7f\u7528 package-lock.json \u7684\u4f9d\u8d56\u6e05\u5355\u5b89\u88c5\u4f9d\u8d56</p>\n<p>\u4f7f\u7528 npx expo prebuild \u6784\u5efa\u51fa android \u5de5\u7a0b\u76ee\u5f55</p>\n<h3>4.\u4f7f\u7528 Android Studio \u6253\u5f00\u6784\u5efa\u51fa\u7684 android \u5de5\u7a0b\u76ee\u5f55</h3>\n<p>\u6253\u5f00\u4e4b\u540e\u81ea\u52a8\u6267\u884c\u66f4\u65b0\u7d22\u5f15\u548c\u4e0b\u8f7d\u9879\u76ee\u7684\u4f9d\u8d56\u5305\uff0c\u8fd9\u4e00\u6b65\u8017\u65f6<strong>70 \u5206\u949f(\u6211\u7528\u7684 4 \u6838 CPU \uff0c\u7f51\u901f\u662f 1.7MB/s)</strong></p>\n<p>\u518d\u6b21\u63d0\u9192\uff0c\u65f6\u95f4\u5b9d\u8d35\uff0c\u4f60\u53ef\u4ee5\u5148\u5e72\u70b9\u522b\u7684\u3002</p>\n<h3>5.1 \u6253\u5305\u51fa\u8c03\u8bd5\u57fa\u5ea7</h3>\n<p>\u70b9\u51fb\u5de6\u4e0a\u89d2\u4e09\u4e2a\u6a2a\u7ebf\uff0c\u9f20\u6807\u653e\u5230 Build \uff0c\u518d\u653e\u5230\u4e8c\u7ea7\u83dc\u5355\u7684 Generate App Bundles or APKs,\u70b9\u51fb Generate APKs</p>\n<p>\u8fd9\u4e00\u6b65\u540c\u6837\u8017\u65f6\u5de8\u5927\uff0c\u9700\u8981<strong>60 \u5206\u949f</strong></p>\n<h3>5.2 \u6253\u5305\u51fa\u751f\u4ea7 APK</h3>\n<p>\u70b9\u51fb\u5de6\u4e0a\u89d2\u4e09\u4e2a\u6a2a\u7ebf\uff0c\u9f20\u6807\u653e\u5230 Build \uff0c\u70b9\u51fb Generate Signed App Bundle or APK</p>\n<p>\u9009\u62e9 APK \u5355\u9009\u6846\uff0c\u4e0b\u4e00\u6b65\u8981\u6c42\u4f60\u4f7f\u7528\u7b7e\u540d\uff0c\u6709\u7684\u8bdd\u5c31\u9009\u521b\u5efa\u597d\u7684\uff0c\u6ca1\u6709\u7684\u8bdd\u5c31\u521b\u5efa\u65b0\u7684</p>\n<p>\u518d\u4e0b\u4e00\u6b65\uff0c\u5728 debug \u548c release \u4e4b\u95f4\u9009\u62e9 release \uff0c\u70b9\u84dd\u8272\u7684 create \u6309\u94ae\u3002\u5927\u90e8\u5206\u4f9d\u8d56\u90fd\u5728\u5236\u4f5c\u8c03\u8bd5\u57fa\u5ea7\u65f6\u7f13\u5b58\u8fc7\u4e86\uff0c\u6240\u4ee5\u8fd9\u6b21\u6253\u5305\u5927\u6982\u4e94\u5206\u949f\u540e\u5c31\u751f\u6210\u597d\u4e86</p>\n<h4>5.2.1 \u521b\u5efa\u65b0\u7b7e\u540d\u6587\u4ef6</h4>\n<p>\u627e\u4e2a\u5b58\u653e\u79d8\u5bc6\u7684\u597d\u5730\u65b9\uff0c\u65b0\u5efa\u6587\u672c\u6587\u4ef6\uff0c\u5e76\u6539\u540d\u6210\u540e\u7f00\u4e3a jks \u7684\u6587\u4ef6\u5982 <em>xxx \u7684\u7b7e\u540d.jks</em></p>\n<p>\u5728 Android Studio \u91cc\u9762\u70b9 create new...\uff0c \u7b2c\u4e00\u4e2a\u8f93\u5165\u6846\u662f\u586b\u4f60\u521a\u521a\u521b\u5efa\u7684 jks \u6587\u4ef6\u8def\u5f84\uff0c\u53ef\u4ee5\u70b9\u51fb\u8f93\u5165\u6846\u53f3\u4fa7\u7684\u6587\u4ef6\u5939\u56fe\u6807\u9009\u53d6\u4f60\u7684 jks \u6587\u4ef6\u3002</p>\n<p>Validity Years \u662f\u7b7e\u540d\u6709\u6548\u65f6\u957f\u591a\u5c11\u5e74\uff0c\u5982\u679c\u8fc7\u4e86\u8fd9\u4e2a\u65f6\u95f4\u9700\u8981\u91cd\u65b0\u5236\u4f5c\u7b7e\u540d\u3002\u56e0\u7b7e\u540d\u6587\u4ef6\u53d8\u5316\u4e5f\u4f1a\u5bfc\u81f4\u8001\u7248\u672c\u65e0\u6cd5\u5347\u7ea7\u6210\u65b0\u7248\u672c\u3002\u53ea\u80fd\u5378\u8f7d\u91cd\u88c5\u4e3a\u65b0\u7248\u3002</p>\n<p>\u5269\u4e0b\u7684\u8f93\u5165\u6846\u5982\u679c\u6ca1\u4ec0\u4e48\u7279\u522b\u7684\u5b89\u5168\u6027\u8981\u6c42\uff0c\u65e0\u8111\u90fd\u5199\u4e00\u6837\u7684\u5c31\u80fd\u7528\u3002\u5982\u679c\u6709\u5e94\u7528\u5b89\u5168\u7684\u8981\u6c42\u5c31\u597d\u597d\u5199\u3002</p>\n<h2>\u6ce8\u610f\u4e8b\u9879</h2>\n<p>\u5f15\u5165\u65b0\u7684\u539f\u751f\u6a21\u5757\u65f6\u9700\u8981\u91cd\u65b0\u5236\u4f5c\u8c03\u8bd5\u57fa\u5ea7\uff0c\u56e0\u4e3a\u65e7\u7684\u8c03\u8bd5\u57fa\u5ea7\u4e0d\u5305\u542b\u8fd9\u90e8\u5206\u65b0\u7684\u539f\u751f\u4ee3\u7801\u3002</p>\n<p>\u8981\u7528\u7684\u7cfb\u7edf\u6743\u9650\u9700\u8981\u5728 app.json \u91cc\u9762\u63d0\u524d\u5217\u51fa\u6765\uff0c\u5e76\u6253\u5165\u8c03\u8bd5\u57fa\u5ea7\uff0c\u5426\u5219\u4ee3\u7801\u91cc\u76f4\u63a5\u8bf7\u6c42\u83b7\u53d6\u6743\u9650\u4f1a\u5f97\u5230 never ask again(\u62d2\u7edd\u4e14\u4e0d\u518d\u8be2\u95ee)</p>\n<h1>\u987a\u5e26\u5410\u69fd\u4e00\u4e0b Android studio \u662f\u771f\u7684\u5f88\u5360\u78c1\u76d8\uff0c\u641e\u5b8c\u8fd9\u4e00\u5957\u6d41\u7a0b\u5c31\u5360\u7528\u6211 25GB \uff0c\u5c31\u7b97\u5b89\u88c5\u5230\u522b\u7684\u76d8\uff0c\u4e5f\u4f1a\u5403\u6389 C \u76d8\u5927\u7ea6 10GB \u7684\u7a7a\u95f4</h1>\n", 
      "date_published": "2025-09-15T04:19:28+00:00", 
      "title": "\u6298\u817e\u4e86\u597d\u51e0\u5929\u603b\u7b97\u5728 windows \u7cfb\u7edf\u672c\u5730\u6253\u5305 expo \u9879\u76ee\u51fa apk \u4e86\uff0c\u5206\u4eab\u4e0b\u7ecf\u9a8c", 
      "id": "https://www.v2ex.com/t/1159286"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/96", 
        "name": "96", 
        "avatar": "https://cdn.v2ex.com/avatar/22ec/b4aa/613123_large.png?m=1762535858"
      }, 
      "url": "https://www.v2ex.com/t/1158831", 
      "date_modified": "2025-09-12T08:33:36+00:00", 
      "content_html": "<p>\u6709\u6bd4\u8f83\u5b8c\u6574\u7684\u903b\u8f91\u4ee3\u7801\uff0c\u5c0f\u6e38\u620f\u3002</p>\n<h3>\u9700\u8981\u7684\u5de5\u4f5c\u5185\u5bb9</h3>\n<p>\u4e0d\u6d89\u53ca\u4e3b\u8981\u529f\u80fd\u4fee\u6539\uff0c\u5c0f\u6e38\u620f\u4fee\u6539\u6837\u5f0f\uff0c\u6dfb\u52a0\u63a5\u53e3\u3002\u5927\u6982\u4e09\u4e2a\u9875\u9762\uff0c5-6 \u4e2a\u63a5\u53e3</p>\n<h3>\u9884\u7b97\u76f8\u5173</h3>\n<p>\u9884\u7b97 500-600 \uff0c\u9884\u4f30\u5de5\u65f6 1 \u5929\u3002</p>\n<h3>\u8054\u7cfb\u4fe1\u606f</h3>\n<p>\u53ef\u4ee5\u8054\u7cfb\u6211\u83b7\u53d6\u5177\u4f53\u4fe1\u606f\uff0c\u4eca\u660e\u4e24\u5929\u5b8c\u6210\uff0c\u5468\u672b\u8981\u7ed9\u5230\u3002</p>\n<p><a href=\"http://t.me/hoytzhang\" rel=\"nofollow\">t.me/hoytzhang</a></p>\n<p>\u5c0f\u9f99\u53f7 Base64.encode(000000)</p>\n", 
      "date_published": "2025-09-12T08:33:13+00:00", 
      "title": "\u4e00\u4e2a RN \u5c0f\u6e38\u620f\u4ee3\u7801\u4fee\u6539\u7684\u6d3b", 
      "id": "https://www.v2ex.com/t/1158831"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/ifbluethen", 
        "name": "ifbluethen", 
        "avatar": "https://cdn.v2ex.com/gravatar/a13c588536e357c4da008920296acdd6?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1158741", 
      "date_modified": "2025-09-12T04:12:45+00:00", 
      "content_html": "<p>\u4f7f\u7528\u7684 expo \uff0c\u603b\u662f\u6628\u5929\u8fd8\u80fd\u7f16\u8bd1\u6216\u8fd0\u884c\uff0c\u7b2c\u4e8c\u5929\u6765\u5c31\u6709\u9519\u8bef\uff0c\u8981\u4e48\u662f\u4f9d\u8d56\u7684\u95ee\u9898\u3002\u4f46\u95ee\u9898\u662f\u671f\u95f4\u53ea\u6539\u4e86\u4ee3\u7801\uff0c\u6ca1\u6709\u6dfb\u52a0\u4efb\u4f55\u5305\u4e4b\u7c7b\u7684\u4e1c\u897f\uff0c\u83ab\u540d\u5176\u5999\u5c31\u51fa\u9519\u3002</p>\n", 
      "date_published": "2025-09-12T03:06:38+00:00", 
      "title": "\u4e3a\u4ec0\u4e48 React-Native \u603b\u662f\u6628\u5929\u8fd8\u80fd\u7f16\u8bd1\uff0c\u4eca\u5929\u5c31\u62a5\u9519\u4e86", 
      "id": "https://www.v2ex.com/t/1158741"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/Martin123123", 
        "name": "Martin123123", 
        "avatar": "https://cdn.v2ex.com/gravatar/3da08e64b585b4189bbcfd82cd8f07bd?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1158641", 
      "date_modified": "2025-09-11T19:32:48+00:00", 
      "content_html": "\u6709\u6ca1\u6709\u524d\u7aef\u5927\u54e5\u63a8\u8350\u4e00\u6ce2", 
      "date_published": "2025-09-11T12:32:33+00:00", 
      "title": "React 19 \u4e0b\u6709\u4ec0\u4e48\u65b9\u4fbf\u70b9\u7684\u7ec4\u4ef6\uff1f Arco Design \u7528\u8d77\u6765\u8fd8\u662f\u6709\u4e9b\u95ee\u9898", 
      "id": "https://www.v2ex.com/t/1158641"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/june4", 
        "name": "june4", 
        "avatar": "https://cdn.v2ex.com/avatar/4555/12c1/661756_large.png?m=1767580261"
      }, 
      "url": "https://www.v2ex.com/t/1157819", 
      "title": "\u65f6\u9694\u591a\u5e74\u518d\u6b21\u7528 react\uff0c\u8bf7\u95ee ahooks \u7684 useMemoizedFn \u548c react \u5185\u7f6e\u7684 useEffectEvent \u6709\u4ec0\u4e48\u5f02\u540c\uff1f", 
      "id": "https://www.v2ex.com/t/1157819", 
      "date_published": "2025-09-08T08:34:28+00:00", 
      "content_html": "<p>\u91cd\u65b0\u5feb\u901f\u626b\u4e86\u4e00\u904d react \u7684\u6587\u6863\uff0c\u53d1\u73b0\u6587\u6863\u91cc\u591a\u4e86\u4e00\u4e2a<code>useEffectEvent</code>\u7684\u51fd\u6570\uff0c\u5728\u5165\u95e8\u6587\u6863\u91cc\u8fd8\u591a\u6b21\u63d0\u5230\u3002\n\u6e90\u7801\u5982\u4e0b <a href=\"https://github.com/sanity-io/use-effect-event/blob/main/src/useEffectEvent.ts\" rel=\"nofollow\">https://github.com/sanity-io/use-effect-event/blob/main/src/useEffectEvent.ts</a></p>\n<p>\u8fd9\u4e2a\u8c8c\u4f3c\u662f ahooks \u7684 <a href=\"https://github.com/alibaba/hooks/blob/master/packages/hooks/src/useMemoizedFn/index.ts\" rel=\"nofollow\">useMemoizedFn</a> \u5168\u65b9\u4f4d\u5f31\u5316\u7248\u3002</p>\n<p><a href=\"https://zh-hans.react.dev/learn/separating-events-from-effects#limitations-of-effect-events\" rel=\"nofollow\">\u56e0\u4e3a useEffectEvent \u6587\u6863\u91cc\u4e25\u683c\u8981\u6c42</a>:</p>\n<ul>\n<li>\u53ea\u5728 Effect \u5185\u90e8\u8c03\u7528\u4ed6\u4eec\u3002</li>\n<li>\u6c38\u8fdc\u4e0d\u8981\u628a\u4ed6\u4eec\u4f20\u7ed9\u5176\u4ed6\u7684\u7ec4\u4ef6\u6216\u8005 Hook \u3002</li>\n</ul>\n<p>\u5c31\u662f\u8bf4\u8fd9\u4e2a\u4f7f\u7528\u8303\u56f4\u9650\u5f97\u5f88\u6b7b\u5e72\u4e0d\u4e86 useCallback \u7684\u6d3b\uff0c\u800c useMemoizedFn \u53ef\u4ee5\u5b8c\u5168\u66ff\u4ee3 useCallback \u548c useEffectEvent \u3002</p>\n<p>\u770b\u4e86\u773c\u4e8c\u8005\u7684\u6e90\u7801\uff0c\u4e3b\u8981\u533a\u522b\u662f useEffectEvent \u53ea\u6709\u5728 render \u540e\u624d\u6709\u503c\uff0c\u6240\u4ee5\u4e0d\u80fd\u9a6c\u4e0a\u7528\uff0c\u8fd9\u548c useCallback \u4e0d\u540c\u3002</p>\n<p>\u90a3\u95ee\u9898\u6765\u4e86\uff0c\u4e3a\u4ec0\u4e48 react \u8981\u51fa\u8fd9\u4e2a\u5783\u573e\u7248 useEffectEvent/useCallback \u800c\u4e0d\u662f ahooks \u7684\u7ec8\u7ea7\u7248\u5462\uff1f\u5e94\u8be5\u662f\u6709\u6211\u60f3\u4e0d\u5230\u7684\u7406\u7531\uff0c\u6216\u8005\u6211\u7684\u7406\u89e3\u6709\u4ec0\u4e48\u4e0d\u5bf9\u7684\u5730\u65b9\uff1f</p>\n"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/tangknox1", 
        "name": "tangknox1", 
        "avatar": "https://cdn.v2ex.com/gravatar/a1a7952e770bca1b3c559bfdba68ac5b?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1149929", 
      "title": "\u6765\u4e2a\u4e13\u4e1a\u5199 \u79fb\u52a8 web \u524d\u7aef\u7684\uff0c React", 
      "id": "https://www.v2ex.com/t/1149929", 
      "date_published": "2025-08-04T17:03:10+00:00", 
      "content_html": "\u7528 react \u7f16\u8bd1\u540e\u7684 web mobile \u9875\u9762\uff0c\u8c01\u5904\u7406\u8fc7 ios safari \u6d4f\u89c8\u5668\u4e0b\u7684\u517c\u5bb9\u6027\u95ee\u9898\uff1f\u4f8b\u5982 chat \u5e03\u5c40\u4e2d\uff0c\u5e95\u90e8\u7684 inputh \u8f93\u5165\u6846\u5f53\u70b9\u51fb\u5524\u9192\u865a\u62df\u952e\u76d8\u540e\u88ab\u906e\u6321\u95ee\u9898\u3001ios \u4ee5\u53ca \u5b89\u5353\u6d4f\u89c8\u5668\u4e0b\u7684\u5b89\u5168\u533a\u57df\u95ee\u9898\u3001\u5e95\u90e8\u5de5\u5177\u680f\u906e\u6321 input \u8f93\u5165\u6846\u7b49\u95ee\u9898\u3002"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/tangknox1", 
        "name": "tangknox1", 
        "avatar": "https://cdn.v2ex.com/gravatar/a1a7952e770bca1b3c559bfdba68ac5b?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1149374", 
      "title": "\u8c01\u6709\u95f2\u5de5\u592b\uff0c React\uff0c\u5e2e\u5fd9\u5b9a\u4f4d\u5e76\u5904\u7406\u4e0b BUG", 
      "id": "https://www.v2ex.com/t/1149374", 
      "date_published": "2025-08-01T12:13:52+00:00", 
      "content_html": "React \u7f16\u8bd1\u6210 mobile web \u7ad9\u70b9\u540e\uff0c\u5728 iOS Safari \u6d4f\u89c8\u5668\u4e2d\u6e32\u67d3\u540e\uff0c\u5f53\u70b9\u51fb Input \u8f93\u5165\u6846\u6253\u5b57\u65f6\uff0c\u53d1\u73b0\u8f93\u5165\u6846\u603b\u662f\u88ab\u9876\u5230\u624b\u673a\u5c4f\u5e55\u6700\u9876\u90e8\uff0c\u9876\u4e0a\u53bb\u540e \u8f93\u5165\u6846\u4e0e\u624b\u673a\u5c4f\u5e55\u5e95\u90e8\u90fd\u662f\u9ed1\u8272\u533a\u57df\u3002\u6539\u4e86\u534a\u5929\uff0c\u5404\u79cd\u65b9\u6cd5\u90fd\u8bd5\u4e86\uff0c\u5c31\u662f\u627e\u4e0d\u5230\u95ee\u9898\u51fa\u5728\u54ea\u513f\u3002<br /><br />\u6709\u95f2\u5de5\u592b\u7684\uff0c\u6211\u4ed8\u8d39\uff0c\u5e2e\u6211\u89e3\u51b3\u4e0b\u3002<br /><br />\u53ef\u76f4\u63a5\u8054\u7cfb\u6211\uff1abmlrZXNyQHllYWgubmV0<br />Base64 \u89e3\u7801\u4e0b"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/yuhuij", 
        "name": "yuhuij", 
        "avatar": "https://cdn.v2ex.com/gravatar/5a8829826e1b0e022e695bd7f2b05452?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1146763", 
      "title": "react antd \u5c31\u662f\u5305\u4e86\u5de7\u514b\u529b\u7684\u5c4e", 
      "id": "https://www.v2ex.com/t/1146763", 
      "date_published": "2025-07-22T01:08:18+00:00", 
      "content_html": "<p>(\u9996\u5148\u53e0\u7532\uff0cantd \u5728\u5927\u90e8\u5206\u60c5\u51b5\u4e0b\u662f\u5f88\u597d\u7528\u7684\u3002)\u6700\u8fd1\u65b0\u9879\u76ee\u4ece vue \u8f6c\u5230 react,all in antd \u5168\u5bb6\u6876\uff0c\u53d1\u73b0\u5f88\u591a\u5728 vue \u751f\u6001 \u91cc\u57fa\u7840\u7684\u529f\u80fd\uff0c\u5728 react \u751f\u6001\u91cc\u5c31\u662f\u6ca1\u6709\u5f88\u597d\u7684\u89e3\u51b3\u65b9\u6848\u3002\u6bd4\u5982 antd \u8868\u683c\u6eda\u52a8\u9ad8\u5ea6\u81ea\u9002\u5e94\uff0c\u8868\u683c\u5217\u53ef\u62d6\u52a8\u3002\u5728\u7ffb\u9605 issues \u65f6\u4ea7\u751f\u4e86\u4e0b\u56fe\u4e00\u6837\u7684\u7591\u60d1\u3002\u6240\u6709\u8bf7\u6559\u5404\u4f4d\u5927\u4f6c\u5bf9\u4e8e antd \u8868\u683c\u9ad8\u5ea6\u81ea\u9002\u5e94\u6709\u6ca1\u6709\u5b8c\u7f8e\u7684\u89e3\u51b3\u65b9\u6848\u3002\u987a\u4fbf\u8d34\u4e0a <a href=\"https://github.com/ant-design/ant-design/issues/23974\" rel=\"nofollow\">github issues \u94fe\u63a5</a> <img alt=\"image\" class=\"embedded_image\" loading=\"lazy\" referrerpolicy=\"no-referrer\" rel=\"noreferrer\" src=\"https://youke1.picui.cn/s1/2025/07/22/687ee2083399b.png\"/></p>\n"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/Plumbiu", 
        "name": "Plumbiu", 
        "avatar": "https://cdn.v2ex.com/avatar/4e9e/abe2/631801_large.png?m=1747833367"
      }, 
      "url": "https://www.v2ex.com/t/1144118", 
      "date_modified": "2025-07-10T02:03:33+00:00", 
      "content_html": "<p>\u50cf\u662f fetch \u8fd9\u79cd\u8bf7\u6c42\uff0c\u9700\u8981\u6839\u636e\u67d0\u4e2a state \u53d8\u5316\u91cd\u65b0\u8bf7\u6c42\uff0c\u4f8b\u5982 pageSize \uff0c\u5927\u5bb6\u4e00\u822c\u7528\u4ee5\u4e0b\u54ea\u79cd\u5199\u6cd5\uff08\u6216\u8005\u81ea\u5df1\u6709\u66f4\u597d\u7684\u4e5f\u53ef\u8bf4\u4e00\u4e0b\uff09\uff1a</p>\n<p><strong>useEffect\uff1a</strong></p>\n<pre><code class=\"language-jsx\">useEffect(() =&gt; {\n\tfetch(`xxx?pageSize=${pageSize}`)\n}, [pageSize])\n</code></pre>\n<p><strong>\u5728 state \u53d1\u751f\u53d8\u5316\u7684\u7ec4\u4ef6\u8c03\u7528 fetch\uff1a</strong></p>\n<pre><code class=\"language-jsx\">&lt;Pagination\n  pageSize={pageSize}\n  onChange={(pageSize) =&gt; {\n    fetch(`xxx?pageSize=${pageSize}`)\n  }}\n/&gt;\n</code></pre>\n<p>\u6211\u4e2a\u4eba\u66f4\u503e\u5411\u7b2c\u4e8c\u79cd\uff0c\u7b2c\u4e00\u79cd useEffect \u770b\u4e0a\u53bb\u66f4\u65b9\u4fbf\uff0c\u4e0d\u7528\u7b2c\u4e8c\u79cd\u9700\u8981\u5728\u6bcf\u4e2a state \u53d8\u5316\u7684\u7ec4\u4ef6\u8c03\u7528 fetch \uff0c\u4f46\u662f\u957f\u671f\u7ef4\u62a4\u4e0b\u6765\u53ef\u80fd\u4f1a\u6709\u610f\u60f3\u4e0d\u5230\u7684 bug \uff08\u516c\u53f8\u91cc\u6709\u4e2a\u9879\u76ee\u56e0\u4e3a\u7f13\u5b58\u7684 code \u548c\u540e\u7aef\u8fd4\u56de\u7684 code \u4e0d\u540c\uff0c\u5bfc\u81f4 useEffect \u8c03\u7528\u4e86\u4e24\u8fb9\uff0c\u81ea\u5df1 dev \u73af\u5883\u4e0b mock \u5f88\u96be\u5bdf\u89c9\uff09</p>\n", 
      "date_published": "2025-07-09T15:15:21+00:00", 
      "title": "\u63d0\u95ee\u4e00\u4e2a React \u7684\u95ee\u9898", 
      "id": "https://www.v2ex.com/t/1144118"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/Chuckle", 
        "name": "Chuckle", 
        "avatar": "https://cdn.v2ex.com/avatar/0b33/4c86/604103_large.png?m=1752071689"
      }, 
      "url": "https://www.v2ex.com/t/1143888", 
      "title": "React \u591a\u4eba\u5f00\u53d1\u600e\u4e48\u786e\u4fdd\u6027\u80fd\uff0c\u6709\u6ca1\u6709\u6700\u4f73\u5b9e\u8df5", 
      "id": "https://www.v2ex.com/t/1143888", 
      "date_published": "2025-07-08T23:20:26+00:00", 
      "content_html": "\u4e00\u4e2a\u5c0f\u4e1a\u52a1\u7ec4\u4ef6\uff0c\u968f\u7740\u9700\u6c42\u8fed\u4ee3\uff0c\u8d8a\u6765\u8d8a\u5927\uff0c\u585e\u590d\u6742\u8868\u683c\u3001\u8868\u5355\u7b49\u7b49\uff0c\u4e0a\u5343\u884c\u90fd\u6709\uff0c\u5bfc\u81f4\u72b6\u6001\u4e00\u53d8\u8fde\u9501\u53cd\u5e94\u5168\u90fd\u53d8\uff0c\u5c31\u7b97\u62c6\u6a21\u5757\uff0c\u4e5f\u5f97 momo \u3001usecallback \u5565\u7684\u5957\uff0c\u5f88\u5bb9\u6613\u53c8\u6253\u7834\uff0c\u4e5f\u5f88\u9ebb\u70e6\u3002<br />\u50cf data-grid \u7684\u6848\u4f8b\u90fd\u63a8\u8350\u7528\u4e0a\u4e0b\u6587\u53bb\u4f20\u6570\u636e\u4e86\uff0c\u907f\u514d\u5c0f\u53d8\u5316\u5bfc\u81f4\u6574\u4e2a\u8868\u683c\u5217\u91cd\u6e32\uff0c\u4f46\u662f\u5728\u4e1a\u52a1\u91cc\u7528\u4e0a\u4e0b\u6587\u591a\u4e86\uff0c\u611f\u89c9\u66f4\u96be\u7ef4\u62a4\u6570\u636e\u6d41\u3002<br /><br />reference<br /><a target=\"_blank\" href=\"https://i.imgur.com/1zZbmZI.png\" rel=\"nofollow noopener\" target=\"_blank\"><img src=\"https://i.imgur.com/1zZbmZI.png\" class=\"embedded_image\" rel=\"noreferrer\"></a>"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/realJamespond", 
        "name": "realJamespond", 
        "avatar": "https://cdn.v2ex.com/gravatar/5ad087845dfa481ca314d3edab4b163f?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1143822", 
      "title": "zustand create \u51fa\u6765\u7684 useStore\uff0c\u9700\u4e0d\u9700\u8981 destory\uff1f", 
      "id": "https://www.v2ex.com/t/1143822", 
      "date_published": "2025-07-08T10:16:00+00:00", 
      "content_html": "\u4e00\u4e2a\u5217\u8868\u6bcf\u4e2a item \u7ed1\u5b9a\u4e00\u4e2a zustand create \u51fa\u6765\u7684 useStore \uff0c\u5982\u679c\u8fd9\u4e2a\u5217\u8868\u662f\u52a8\u6001\u7684\uff0c\u53cd\u590d\u589e\u5220\u3002\u9700\u4e0d\u9700\u8981 destory \u8fd9\u4e2a useStore \uff1f \u6bd4\u5982 function Item(){ useStore = useRef(create(set=&gt;(...)))...\uff0c"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/Rust2015", 
        "name": "Rust2015", 
        "avatar": "https://cdn.v2ex.com/avatar/51fd/c72d/674984_large.png?m=1738501691"
      }, 
      "url": "https://www.v2ex.com/t/1143793", 
      "title": "\u5173\u4e8e React\uff1a", 
      "id": "https://www.v2ex.com/t/1143793", 
      "date_published": "2025-07-08T08:49:00+00:00", 
      "content_html": "<p>\u4eba\u751f\u5c31\u50cf\u6eda\u96ea\u7403\uff0c\u6700\u91cd\u8981\u4e4b\u4e8b\u662f\u53d1\u73b0\u6e7f\u6e7f\u7684\u96ea\u548c\u957f\u957f\u7684\u5761\u3002\n---\u6c83\u4f26*\u5df4\u83f2\u7279</p>\n<p>\u90a3\u6211\u7684\u7591\u95ee\u6765\u4e86\uff0c\u524d\u7aef\u6280\u672f\u96c6\u5927\u6210\u8005 React \u662f\u5426\u5c5e\u4e8e\u6e7f\u6e7f\u7684\u96ea\u548c\u957f\u957f\u7684\u5761\u3002</p>\n<p>\u6211\u4eec\u5e94\u8be5\u600e\u4e48\u7684\u8fa9\u8bc1\u7684\u3001\u957f\u8fdc\u7684\u3001\u5386\u53f2\u7684\u770b\u5f85 React \u548c\u66f4\u597d\u7684\u5b66\u4e60 React \u3002</p>\n"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/Minimx", 
        "name": "Minimx", 
        "avatar": "https://cdn.v2ex.com/gravatar/d127c23071807af1588d82285be0a619?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1143726", 
      "title": "Metis UI\uff1a\u4e0b\u4e00\u4ee3 React \u7ec4\u4ef6\u5e93\uff0c\u91cd\u65b0\u5b9a\u4e49\u524d\u7aef\u5f00\u53d1\u4f53\u9a8c", 
      "id": "https://www.v2ex.com/t/1143726", 
      "date_published": "2025-07-08T05:50:09+00:00", 
      "content_html": "<h2>Metis UI\uff1a\u4e0b\u4e00\u4ee3 React \u7ec4\u4ef6\u5e93\uff0c\u91cd\u65b0\u5b9a\u4e49\u524d\u7aef\u5f00\u53d1\u4f53\u9a8c</h2>\n<p>\u5728\u5feb\u901f\u53d1\u5c55\u7684\u524d\u7aef\u751f\u6001\u4e2d\uff0c\u5f00\u53d1\u8005\u4eec\u4e00\u76f4\u5728\u5bfb\u627e\u65e2\u80fd\u63d0\u9ad8\u5f00\u53d1\u6548\u7387\uff0c\u53c8\u80fd\u4fdd\u8bc1\u4ee3\u7801\u8d28\u91cf\u548c\u7528\u6237\u4f53\u9a8c\u7684\u89e3\u51b3\u65b9\u6848\u3002\u4eca\u5929\uff0c\u6211\u4eec\u5f88\u5174\u594b\u5730\u5411\u5927\u5bb6\u4ecb\u7ecd <strong>Metis UI</strong> \u2014\u2014 \u4e00\u4e2a\u57fa\u4e8e Tailwind CSS \u6784\u5efa\uff0c\u7ee7\u627f Ant Design \u4ea4\u4e92\u903b\u8f91\u7684\u73b0\u4ee3 React \u7ec4\u4ef6\u5e93\u3002</p>\n<h3>\u4e3a\u4ec0\u4e48\u9009\u62e9 Metis UI \uff1f</h3>\n<p>\u5728\u4f17\u591a\u7ec4\u4ef6\u5e93\u4e2d\uff0cMetis UI \u72ec\u6811\u4e00\u5e1c\uff0c\u5b83\u4e0d\u662f\u7b80\u5355\u7684\u91cd\u590d\u9020\u8f6e\u5b50\uff0c\u800c\u662f\u5728\u7ee7\u627f\u4f18\u79c0\u8bbe\u8ba1\u7406\u5ff5\u7684\u57fa\u7840\u4e0a\uff0c\u5e26\u6765\u4e86\u5168\u65b0\u7684\u5f00\u53d1\u4f53\u9a8c\uff1a</p>\n<h4><strong>\u7ee7\u627f\u7ecf\u5178\uff0c\u8d85\u8d8a\u4f20\u7edf</strong></h4>\n<p>Metis UI \u57fa\u4e8e Ant Design \u4e45\u7ecf\u8003\u9a8c\u7684\u7ec4\u4ef6\u903b\u8f91\u6784\u5efa\uff0c\u786e\u4fdd\u4e86\u4ea4\u4e92\u6a21\u5f0f\u7684\u4e00\u81f4\u6027\u548c\u53ef\u9760\u6027\u3002\u540c\u65f6\uff0c\u6211\u4eec\u629b\u5f03\u4e86\u4f20\u7edf\u7684 CSS-in-JS \u65b9\u6848\uff0c\u5168\u9762\u62e5\u62b1 Tailwind CSS \uff0c\u4e3a\u5f00\u53d1\u8005\u5e26\u6765\u4e86\u524d\u6240\u672a\u6709\u7684\u6837\u5f0f\u81ea\u7531\u5ea6\u3002</p>\n<h4><strong>\u6781\u81f4\u7684\u5f00\u53d1\u4f53\u9a8c</strong></h4>\n<pre><code class=\"language-tsx\">import { Button, Input, Form } from 'metis-ui';\n\n// \u7b80\u6d01\u7684 API \uff0c\u5f3a\u5927\u7684\u529f\u80fd\n&lt;Button \n type=\"primary\" \n className=\"hover:scale-105 transition-transform\"\n&gt;\n  \u81ea\u5b9a\u4e49\u6837\u5f0f\uff0c\u8f7b\u800c\u6613\u4e3e\n&lt;/Button&gt;\n</code></pre>\n<p>\u65e0\u9700\u5b66\u4e60\u590d\u6742\u7684\u4e3b\u9898\u914d\u7f6e\uff0c\u76f4\u63a5\u4f7f\u7528 Tailwind \u7c7b\u540d\u5373\u53ef\u5b9e\u73b0\u4e2a\u6027\u5316\u5b9a\u5236\u3002</p>\n<h3><strong>\u6280\u672f\u4eae\u70b9</strong></h3>\n<h4><strong>1. \u5b8c\u7f8e\u7684 TypeScript \u652f\u6301</strong></h4>\n<pre><code class=\"language-tsx\">interface ButtonProps {\n type?: 'primary' | 'default' | 'dashed';\n size?: 'small' | 'middle' | 'large';\n loading?: boolean;\n ...\n}\n</code></pre>\n<p>\u6bcf\u4e2a\u7ec4\u4ef6\u90fd\u63d0\u4f9b\u5b8c\u6574\u7684\u7c7b\u578b\u5b9a\u4e49\uff0c\u8ba9\u4f60\u7684\u5f00\u53d1\u8fc7\u7a0b\u66f4\u52a0\u5b89\u5168\u548c\u9ad8\u6548\u3002</p>\n<h4><strong>2. Tailwind CSS \u6df1\u5ea6\u96c6\u6210</strong></h4>\n<pre><code class=\"language-tsx\">&lt;Button className=\"bg-gradient-to-r from-blue-500 to-purple-600 hover:from-blue-600 hover:to-purple-700\"&gt;\n \u6e10\u53d8\u6309\u94ae\n&lt;/Button&gt;\n</code></pre>\n<p>\u5229\u7528 Tailwind \u7684\u5f3a\u5927\u529f\u80fd\uff0c\u8f7b\u677e\u5b9e\u73b0\u590d\u6742\u7684\u6837\u5f0f\u6548\u679c\u3002</p>\n<h4><strong>3. \u6587\u6863\u9a71\u52a8\u5f00\u53d1</strong></h4>\n<ul>\n<li>\ud83d\udcdd \u8be6\u7ec6\u7684 API \u6587\u6863</li>\n<li>\ud83c\udfae \u53ef\u4ea4\u4e92\u7684\u4ee3\u7801\u793a\u4f8b</li>\n<li>\ud83c\udf10 \u591a\u8bed\u8a00\u652f\u6301</li>\n<li>\ud83d\udcf1 \u79fb\u52a8\u7aef\u53cb\u597d\u7684\u6d4f\u89c8\u4f53\u9a8c</li>\n</ul>\n<h3><strong>\u5feb\u901f\u5f00\u59cb</strong></h3>\n<h4><strong>\u5b89\u88c5</strong></h4>\n<pre><code class=\"language-bash\"># npm\nnpm install metis-ui\n\n# pnpm (\u63a8\u8350)\npnpm add metis-ui\n\n# yarn\nyarn add metis-ui\n</code></pre>\n<h4><strong>\u914d\u7f6e</strong></h4>\n<p>\u5411\u4f60\u7684\u5165\u53e3 CSS \u6587\u4ef6\u6dfb\u52a0\u4e00\u4e2a <code>@plugin</code> \u4ee5\u5bfc\u5165 Metis UI \u3002</p>\n<pre><code class=\"language-css\">@import 'tailwindcss';\n\n@source './node_modules/metis-ui/es';\n@plugin 'metis-ui/plugin';\n</code></pre>\n<h4><strong>\u5f00\u59cb\u4f7f\u7528</strong></h4>\n<pre><code class=\"language-tsx\">import { Alert } from 'metis-ui';\n\nconst App = () =&gt; (\n  &lt;div className=\"h-screen w-screen\"&gt;\n    &lt;Alert type=\"info\" banner message=\"Hello\" description=\"Welcome to metis-ui\" /&gt;\n  &lt;/div&gt;\n);\n\nexport default App;\n</code></pre>\n<h4><strong>\u4e3b\u9898\u5b9a\u5236</strong></h4>\n<p>Metis UI \u53ea\u9488\u5bf9\u989c\u8272\u8fdb\u884c\u4e3b\u9898\u5b9a\u5236\uff0c\u9ed8\u8ba4\u63d0\u4f9b\u4e86\u4e24\u5957\u4e3b\u9898\uff1a<code>light</code> \u548c <code>dark</code>\u3002\u60a8\u8fd8\u53ef\u4ee5\u521b\u5efa\u81ea\u5df1\u7684\u81ea\u5b9a\u4e49\u4e3b\u9898\u6216\u4fee\u6539\u5185\u7f6e\u4e3b\u9898\u3002</p>\n<p>\u60a8\u53ef\u4ee5\u5728 CSS \u6587\u4ef6\u4e2d\u7684 <code>@plugin \"metis-ui/plugin\"</code> \u540e\u6dfb\u52a0\u62ec\u53f7\u6765\u7ba1\u7406\u4e3b\u9898\uff0c<a href=\"https://metisui.com/docs/theme-cn\" rel=\"nofollow\">\u8be6\u7ec6\u4ecb\u7ecd</a>\u3002</p>\n<h3>Metis Plus - \u4f01\u4e1a\u4e2d\u540e\u53f0\u7cfb\u7edf\u6a21\u677f</h3>\n<p>\u6211\u4eec\u63d0\u4f9b\u4e86\u4e00\u5957\u5f00\u7bb1\u5373\u7528\u7684\u4f01\u4e1a\u4e2d\u540e\u53f0\u7cfb\u7edf\u6a21\u677f\uff0c\u57fa\u4e8e <a href=\"https://react.dev/\" rel=\"nofollow\">React</a>\u3001<a href=\"https://reactrouter.com/\" rel=\"nofollow\">react-router</a>\u3001<a href=\"https://www.typescriptlang.org/\" rel=\"nofollow\">TypeScript</a>\u3001<a href=\"https://vitejs.dev/\" rel=\"nofollow\">Vite</a>\u3001<a href=\"https://tailwindcss.com/\" rel=\"nofollow\">TailwindCSS</a>\u3001<a href=\"https://zustand-demo.pmnd.rs/\" rel=\"nofollow\">Zustand</a>\u3001<a href=\"https://fakerjs.dev/\" rel=\"nofollow\">faker-js</a>\u3001<a href=\"https://mswjs.io/\" rel=\"nofollow\">MSW</a> \u7b49\u6280\u672f\u6808\u6784\u5efa\u3002\u5b83\u5185\u7f6e\u4e86\u5f00\u7bb1\u5373\u7528\u7684\u6570\u636e\u6d41\u3001\u56fd\u9645\u5316\u3001\u83dc\u5355\u3001\u6a21\u62df\u6570\u636e\u3001\u6743\u9650\u7ba1\u7406\u3001\u4e3b\u9898\u5207\u6362\u7b49\u529f\u80fd\uff0c\u52a9\u529b\u4f01\u4e1a\u5feb\u901f\u642d\u5efa\u9ad8\u8d28\u91cf\u7684\u4e2d\u540e\u53f0\u5e94\u7528\u3002</p>\n<pre><code>\u251c\u2500\u2500 .husky                     # Husky \u94a9\u5b50\u914d\u7f6e\u76ee\u5f55\n\u251c\u2500\u2500 public                     # \u516c\u5171\u9759\u6001\u8d44\u6e90\u76ee\u5f55\n\u251c\u2500\u2500 src                        # \u6e90\u7801\u76ee\u5f55\n\u2502   \u251c\u2500\u2500 apis                   # \u670d\u52a1\u7aef\u63a5\u53e3\u8bf7\u6c42\u76f8\u5173\n\u2502   \u251c\u2500\u2500 assets                 # \u9759\u6001\u8d44\u6e90\uff08\u56fe\u7247\u3001SVG \u7b49\uff09\n\u2502   \u251c\u2500\u2500 components             # \u901a\u7528\u7ec4\u4ef6\n\u2502   \u251c\u2500\u2500 hooks                  # \u81ea\u5b9a\u4e49 hooks\n\u2502   \u251c\u2500\u2500 layouts                # \u9875\u9762\u5e03\u5c40\u7ec4\u4ef6\n\u2502   \u251c\u2500\u2500 locale                 # \u56fd\u9645\u5316\u8d44\u6e90\n\u2502   \u251c\u2500\u2500 mocks                  # Mock \u6570\u636e\u4e0e\u670d\u52a1\n\u2502   \u251c\u2500\u2500 pages                  # \u9875\u9762\u7ec4\u4ef6\n\u2502   \u251c\u2500\u2500 store                  # Zustand \u72b6\u6001\u7ba1\u7406\n\u2502   \u251c\u2500\u2500 types                  # TypeScript \u7c7b\u578b\u5b9a\u4e49\n\u2502   \u251c\u2500\u2500 utils                  # \u5de5\u5177\u51fd\u6570\u4e0e\u5de5\u5177\u7c7b\n\u2502   \u251c\u2500\u2500 loading.tsx            # \u5168\u5c40 Loading \u7ec4\u4ef6\n\u2502   \u251c\u2500\u2500 main.tsx               # \u5e94\u7528\u5165\u53e3\u6587\u4ef6\n\u2502   \u251c\u2500\u2500 routes.tsx             # \u8def\u7531\u548c\u83dc\u5355\u914d\u7f6e\n\u2502   \u2514\u2500\u2500 vite-env.d.ts          # Vite \u73af\u5883\u7c7b\u578b\u58f0\u660e\n\u251c\u2500\u2500 .env                       # \u73af\u5883\u53d8\u91cf\u914d\u7f6e\u6587\u4ef6\n\u251c\u2500\u2500 .lintstagedrc              # lint-staged \u914d\u7f6e\u6587\u4ef6\n\u251c\u2500\u2500 .prettierignore            # Prettier \u5ffd\u7565\u6587\u4ef6\u914d\u7f6e\n\u251c\u2500\u2500 .prettierrc                # Prettier \u4ee3\u7801\u683c\u5f0f\u5316\u914d\u7f6e\n\u251c\u2500\u2500 commitlint.config.js       # \u63d0\u4ea4\u89c4\u8303\u6821\u9a8c\u914d\u7f6e\n\u251c\u2500\u2500 eslint.config.js           # ESLint \u4ee3\u7801\u89c4\u8303\u914d\u7f6e\n\u251c\u2500\u2500 index.html                 # \u9879\u76ee\u5165\u53e3 HTML\n\u251c\u2500\u2500 package.json               # \u9879\u76ee\u4f9d\u8d56\u4e0e\u811a\u672c\u914d\u7f6e\n\u251c\u2500\u2500 tailwind.css               # TailwindCSS \u5168\u5c40\u6837\u5f0f\u5165\u53e3\n\u251c\u2500\u2500 tsconfig.app.json          # TS \u5e94\u7528\u914d\u7f6e\n\u251c\u2500\u2500 tsconfig.json              # TS \u6839\u914d\u7f6e\n\u251c\u2500\u2500 tsconfig.node.json         # TS Node \u914d\n</code></pre>\n<h4><strong>\u5b98\u65b9\u8d44\u6e90</strong></h4>\n<ul>\n<li><a href=\"https://metisui.com\" rel=\"nofollow\">\u5b98\u65b9\u7f51\u7ad9</a> - \u5b8c\u6574\u6587\u6863\u548c\u793a\u4f8b</li>\n<li><a href=\"https://github.com/metisjs/metis-ui\" rel=\"nofollow\">GitHub \u4ed3\u5e93</a> - \u6e90\u7801\u548c\u95ee\u9898\u53cd\u9988</li>\n<li><a href=\"https://plus.metisui.com\" rel=\"nofollow\">Metis Plus</a> - \u4f01\u4e1a\u4e2d\u540e\u53f0\u7cfb\u7edf\u6a21\u677f</li>\n<li><a href=\"https://github.com/metisjs/metis-plus\" rel=\"nofollow\">Metis Plus GitHub \u4ed3\u5e93</a> - \u4f01\u4e1a\u4e2d\u540e\u53f0\u7cfb\u7edf\u6a21\u677f</li>\n</ul>\n<blockquote>\n<p>tips: \u7f51\u7ad9\u5300\u90e8\u5c5e\u5728 Github Pages, \u8bbf\u95ee\u53ef\u80fd\u9700\u8981\u68af\u5b50</p>\n</blockquote>\n"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/cmos", 
        "name": "cmos", 
        "avatar": "https://cdn.v2ex.com/avatar/dd9d/8f79/520237_large.png?m=1758633378"
      }, 
      "url": "https://www.v2ex.com/t/1137724", 
      "title": "React \u7ec4\u4ef6\u5e93 Gluestack \u51fa\u73b0\u591a\u4e2a\u6076\u610f\u8f6f\u4ef6\u5305", 
      "id": "https://www.v2ex.com/t/1137724", 
      "date_published": "2025-06-10T12:19:39+00:00", 
      "content_html": "<p>\u7528\u4e8e\u6258\u7ba1 React \u548c React Native \u7ec4\u4ef6\u5e93\u7684 Gluestack \u65e5\u524d\u51fa\u73b0\u591a\u4e2a\u6076\u610f\u8f6f\u4ef6\u5305\uff0c\u8fd9\u4e9b\u6076\u610f\u8f6f\u4ef6\u5305\u88ab\u611f\u67d3\u8fdc\u7a0b\u8bbf\u95ee\u6728\u9a6c (RAT)\uff0c\u8fd9\u4e9b\u8f6f\u4ef6\u5305\u4f1a\u6267\u884c\u6076\u610f Python \u548c pip \u547d\u4ee4\u4ee5\u5b9e\u73b0\u66f4\u591a\u76ee\u7684\u3002</p>\n<p>Gluestack \u4e0a\u81f3\u5c11\u6709 17 \u4e2a\u5df2\u7ecf\u88ab\u611f\u67d3\u7684\u8f6f\u4ef6\u5305\uff0c\u8fd9\u4e9b\u8f6f\u4ef6\u5305\u7684\u5468\u4e0b\u8f7d\u91cf\u9ad8\u8fbe 100 \u4e07\u6b21\uff0c\u5373\uff0c\u5178\u578b\u7684\u4f9b\u5e94\u94fe\u653b\u51fb\u3002</p>\n<ul>\n<li>@react-native-aria/button</li>\n<li>@react-native-aria/checkbox</li>\n<li>@react-native-aria/combobox</li>\n<li>@react-native-aria/disclosure</li>\n<li>@react-native-aria/focus</li>\n<li>@react-native-aria/interactions</li>\n<li>@react-native-aria/listbox</li>\n<li>@react-native-aria/menu</li>\n<li>@react-native-aria/overlays</li>\n<li>@react-native-aria/radio</li>\n<li>@react-native-aria/switch</li>\n<li>@react-native-aria/toggle</li>\n<li>@react-native-aria/utils</li>\n<li>@gluestack-ui/utils</li>\n<li>@react-native-aria/separator</li>\n<li>@react-native-aria/slider</li>\n<li>@react-native-aria/tabs</li>\n</ul>\n<p>\u6d88\u606f\u6765\u6e90\uff1a\n<a href=\"https://www.landiannews.com/archives/109286.html\" rel=\"nofollow\">https://www.landiannews.com/archives/109286.html</a>\n<a href=\"https://www.aikido.dev/blog/supply-chain-attack-on-react-native-aria-ecosystem\" rel=\"nofollow\">https://www.aikido.dev/blog/supply-chain-attack-on-react-native-aria-ecosystem</a></p>\n"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/xiaoming1992", 
        "name": "xiaoming1992", 
        "avatar": "https://cdn.v2ex.com/avatar/c7e9/042b/284747_large.png?m=1753418917"
      }, 
      "url": "https://www.v2ex.com/t/1137197", 
      "title": "gpt \u7ed9\u6211\u641e\u61f5\u4e86\uff0c\u662f\u6211\u5bf9 Suspense \u7406\u89e3\u6709\u8bef\u5417\uff1f", 
      "id": "https://www.v2ex.com/t/1137197", 
      "date_published": "2025-06-08T08:40:11+00:00", 
      "content_html": "<p>\u6211\u5728\u8003\u8651\u535a\u5ba2\u9996\u9875\u4f18\u5316\u7684\u65f6\u5019\uff0c\u7075\u673a\u4e00\u52a8\u60f3\u8981\u5148\u54cd\u5e94\u524d 10 \u6761\u535a\u5ba2\uff0c\u7136\u540e\u6d41\u5f0f\u54cd\u5e94\u5269\u4e0b\u7684\u3002\u5c31\u95ee\u4e86\u4e00\u4e0b gpt \u3002\u9664\u4e86\u7b2c\u4e00\u95ee\u4ee5\u5916\uff0c\u540e\u7eed\u90fd\u662f\u5728\u8ddf gpt \u4e89\u8bba\u3002\u3002\u3002</p>\n<p><a href=\"https://chatgpt.com/share/68454add-d558-8003-847a-03e5a2e4aacf\" rel=\"nofollow\">\u4e0e gpt \u7684\u804a\u5929</a></p>\n<p>\u6211\u8ba4\u4e3a\u5728\u535a\u6587\u53ea\u6709 100 \u6761\u5de6\u53f3\u7684\u65f6\u5019\uff0c<code>/api/posts</code></p>\n<ul>\n<li>\u83b7\u53d6\u524d\u5341\u6761</li>\n<li>\u5168\u91cf\u83b7\u53d6</li>\n</ul>\n<p>\u5e94\u8be5\u6ca1\u6709\u660e\u663e\u5dee\u8ddd\uff08\u5c24\u5176\u662f posts \u63a5\u53e3\u8fd8\u4e0d\u83b7\u53d6\u5185\u5bb9\uff0c\u53ea\u83b7\u53d6\u6807\u9898\u3001\u7b80\u4ecb\u3001\u53d1\u5e03\u65e5\u671f\u4e4b\u7c7b\u7684\u4e1c\u897f\uff09</p>\n<p>\u6211\u5047\u8bbe\u90fd\u9700\u8981 200ms.</p>\n<p>\u90a3\u4e48\u6309 gpt \u7684\u610f\u601d\u6765\u5e72\u7684\u8bdd\uff0c\u9875\u9762\u4f1a\u662f</p>\n<p>|-- \u767d\u5c4f<br/>\n|--|-- 200ms \u540e\u63a5\u53e3\u83b7\u53d6\u5230\u6570\u636e\uff0c\u6e32\u67d3 html \u8f93\u51fa\u5230\u524d\u7aef<br/>\n|--|-- \u540c\u65f6 Suspense \u663e\u793a fallback<br/>\n|--|-- \u540c\u65f6\u8bf7\u6c42\u7b2c\u4e8c\u4e2a get \u63a5\u53e3\uff0c<br/>\n|--|--|-- \u518d 200ms \u540e\u63a5\u53e3\u83b7\u53d6\u5230\u6570\u636e\uff0c\u6e32\u67d3 html \u8f93\u51fa\u5230\u524d\u7aef    </p>\n<p>\u6309\u6211\u7684\u610f\u601d\u7684\u8bdd\uff0c\u9875\u9762\u4f1a\u662f</p>\n<p>|-- Suspense \u7acb\u5373\u663e\u793a fallback<br/>\n|-- \u540c\u65f6\u8bf7\u6c42 get \u63a5\u53e3\uff0c<br/>\n|--|-- 200ms \u540e\u63a5\u53e3\u83b7\u53d6\u5230\u6570\u636e\uff0c\u6e32\u67d3 html \u8f93\u51fa\u5230\u524d\u7aef    </p>\n<p>\u8fd9\u4e0d\u662f\u660e\u663e\u6211\u7684\u65b9\u6848\u66f4\u4f18\u5417\uff0c\u7701\u4e86 200ms \u7684\u767d\u5c4f\u3002\u53ef gpt \u975e\u8bf4\u5b83\u7684\u66f4\u597d\u3002</p>\n<p>\u5927\u4f6c\u4eec\u5e2e\u6211\u770b\u770b\uff0c\u662f\u4e0d\u662f\u6211\u7406\u89e3\u5f97\u4e0d\u5230\u4f4d\u3002</p>\n<pre><code class=\"language-tsx\">'use server'\n\nasync function Posts({ start, count }: { start: number; count?: number }) {\n  const data = await get('/api/posts', {\n    start,\n    // \u5047\u8bbe count \u4e3a\u7a7a\u7684\u65f6\u5019\u83b7\u53d6\u540e\u7eed\u6240\u6709\n    count,\n  })\n\n  return &lt;RenderPosts data={data} /&gt;\n}\n\n// gpt \u7684\u610f\u601d\u662f\u8fd9\u6837\nexport function Page() {\n  return &lt;&gt;\n    &lt;Posts start={0} count={10} /&gt;\n    &lt;Suspense fallback={&lt;div&gt;loading&lt;/div&gt;}&gt;\n      &lt;Posts start={10} /&gt;\n    &lt;/Suspense&gt;\n  &lt;/&gt;\n}\n\n// \u6211\u7684\u610f\u601d\u662f\u8fd9\u6837\nexport function Page() {\n  return &lt;&gt;\n    &lt;Suspense fallback={&lt;div&gt;loading&lt;/div&gt;}&gt;\n      &lt;Posts start={0} /&gt;\n    &lt;/Suspense&gt;\n  &lt;/&gt;\n}\n</code></pre>\n"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/tangknox1", 
        "name": "tangknox1", 
        "avatar": "https://cdn.v2ex.com/gravatar/a1a7952e770bca1b3c559bfdba68ac5b?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1135748", 
      "title": "\u6709\u7528 LiveKit \u5f00\u53d1\u8fc7\u89c6\u9891\u8bed\u97f3\u4f1a\u8bae\u7cfb\u7edf\u7684\u561b", 
      "id": "https://www.v2ex.com/t/1135748", 
      "date_published": "2025-06-01T12:49:31+00:00", 
      "content_html": "\u6709\u7528 LiveKit \u5f00\u53d1\u8fc7\u89c6\u9891\u8bed\u97f3\u4f1a\u8bae\u7cfb\u7edf\u7684\u561b\uff1f<br /><a target=\"_blank\" href=\"https://docs.livekit.io/home/\" rel=\"nofollow noopener\">https://docs.livekit.io/home/</a><br />\u9047\u5230\u70b9\u6280\u672f\u95ee\u9898\uff0c\u60f3\u4ed8\u8d39\u627e\u4eba\u89e3\u51b3\u6216\u8005\u4e8c\u5f00\u4e0b\u3002<br />\u6709\u7528\u8fc7 livekit \u7684 \u56de\u590d\u4e0b\uff0c\u53ef\u76f4\u63a5\u8054\u7cfb\u6211\uff1abmlrZXNyQHllYWgubmV0"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/cs3230524", 
        "name": "cs3230524", 
        "avatar": "https://cdn.v2ex.com/gravatar/6fbd5aef815a6cb9e87f5051195a4a46?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1135356", 
      "title": "RN \u600e\u4e48\u6784\u5efa\u8f93\u51fa Java \u7684\u539f\u751f\u5de5\u7a0b\u554a\uff1f", 
      "id": "https://www.v2ex.com/t/1135356", 
      "date_published": "2025-05-30T02:21:09+00:00", 
      "content_html": "<p>\u6211\u662f\u7528 @<a href=\"/member/react-native-community\">react-native-community</a>/cli \u521b\u5efa\u7684\u3002\u4f46\u539f\u751f\u90e8\u5206\u5b89\u5353\u51fa\u6765\u662f KT \u4ee3\u7801\uff0c\u8981\u96c6\u6210\u4e00\u4e9b\u539f\u751f SDK..\u4e00\u4e9b\u914d\u7f6e\u90fd\u4e0d\u4e00\u6837\u4e86\u3002\u80fd\u8f6c\u6210 Java \u4ee3\u7801\u5417\uff1f\u6216\u8005\u521b\u5efa\u6a21\u677f\u7684\u65f6\u5019\u6709\u6ca1\u6709\u914d\u7f6e\u50cf\u5236\u5b9a KT \u8fd8\u662f Java \u3002</p>\n"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/deity888", 
        "name": "deity888", 
        "avatar": "https://cdn.v2ex.com/avatar/28a9/5155/609866_large.png?m=1752886253"
      }, 
      "url": "https://www.v2ex.com/t/1131021", 
      "title": "\u5927\u4f6c\u4eec\uff0c\u6709\u6ca1\u6709\u597d\u7528\u7684 react.js \u753b\u5e03\u7ec4\u4ef6\uff1f", 
      "id": "https://www.v2ex.com/t/1131021", 
      "date_published": "2025-05-11T11:49:52+00:00", 
      "content_html": ""
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/sugarkeek", 
        "name": "sugarkeek", 
        "avatar": "https://cdn.v2ex.com/avatar/dbe9/73b9/172054_large.png?m=1745726832"
      }, 
      "url": "https://www.v2ex.com/t/1128109", 
      "date_modified": "2025-04-25T13:35:13+00:00", 
      "content_html": "\u53c8\u6765\u5206\u4eab\u6700\u8fd1\u770b\u5230\u6bd4\u8f83\u597d\u7684\u5916\u6587\u4e86\uff0c\u8fd9\u6b21\u662f\u770b\u5230 Christian Ekrem \u7684 blog \u5199\u7684\u8fd9\u7bc7\u6587\u7ae0\uff0c\u89c9\u5f97\u8fd8\u662f\u8bb2\u7684\u86ee\u6df1\u5165\u7684\uff0c\u611f\u5174\u8da3\u7684\u53ef\u4ee5\u53bb\u4ed6 blog \u5168\u90e8\u770b\u770b\u3002\u597d\u50cf\u4ed6\u5bf9 react memoization \u7814\u7a76\u633a\u6df1\u5165\u7684\uff0c\u6211\u81ea\u5df1\u5168\u90e8\u90fd\u770b\u4e86\u4e00\u904d\uff0c\u7136\u540e\u7ffb\u8bd1\u4e86\u4e24\u7bc7\uff0c\u8fd9\u91cc\u653e\u51fa\u6765\u4e00\u7bc7\u3002<br /><br />[React \u534f\u8c03\u673a\u5236\uff1a\u7ec4\u4ef6\u80cc\u540e\u7684\u9690\u5f62\u5f15\u64ce]( <a target=\"_blank\" href=\"https://halo.chenkeyan.com/archives/fe-weekly-9-react-keys\" rel=\"nofollow noopener\">https://halo.chenkeyan.com/archives/fe-weekly-9-react-keys</a>)<br /><br />\u7ed9\u6211\u5370\u8c61\u6bd4\u8f83\u6df1\u523b\u7684\u70b9\uff0c\u4e00\u4e2a\u662f react \u7ec4\u4ef6\u91cd\u65b0\u6e32\u67d3\u7684\u89c4\u5219\uff0c\u4e00\u4e2a\u662f key \u503c\u5f71\u54cd\u7ec4\u4ef6\u72b6\u6001\uff0c\u7136\u540e\u5c31\u662f\u6700\u540e\u901a\u8fc7 react \u534f\u8c03\u673a\u5236\u7ed9\u7684\u5b9e\u8df5\u5efa\u8bae\u3002<br /><br />\u60f3\u770b\u82f1\u6587\u539f\u6587\u53ef\u4ee5\u53bb\u8fd9\ud83d\udc49\uff1a <a target=\"_blank\" href=\"https://cekrem.github.io/posts/react-reconciliation-deep-dive/\" rel=\"nofollow noopener\">https://cekrem.github.io/posts/react-reconciliation-deep-dive/</a><br /><br />\u6211\u8fd9\u8fb9\u8ddf\u7740\u6587\u7ae0\u4e5f\u505a\u4e86\u51e0\u4e2a\u5c0f demo \uff0c\u53ef\u4ee5\u4f53\u9a8c\u4f53\u9a8c\uff1a<br /><br />\u7ec4\u4ef6\u6e32\u67d3\u89c4\u5219\u6f14\u793a<br /><br /><a target=\"_blank\" href=\"https://codepen.io/showmecode_ahh/pen/LEEyEdP\" rel=\"nofollow noopener\">https://codepen.io/showmecode_ahh/pen/LEEyEdP</a><br /><br />\u901a\u8fc7 key \u503c\u72b6\u6001\u4fdd\u6301\u6f14\u793a<br /><br /><a target=\"_blank\" href=\"https://codepen.io/showmecode_ahh/pen/azzWdro\" rel=\"nofollow noopener\">https://codepen.io/showmecode_ahh/pen/azzWdro</a><br /><br />\u901a\u8fc7 key \u503c\u72b6\u6001\u8f6c\u6362\u6f14\u793a<br /><br /><a target=\"_blank\" href=\"https://codepen.io/showmecode_ahh/pen/qEEmbGd\" rel=\"nofollow noopener\">https://codepen.io/showmecode_ahh/pen/qEEmbGd</a>", 
      "date_published": "2025-04-25T13:34:17+00:00", 
      "title": "\u6280\u672f\u6587\u7ae0\u7ffb\u8bd1\uff1a React \u534f\u8c03\u673a\u5236", 
      "id": "https://www.v2ex.com/t/1128109"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/luckyc", 
        "name": "luckyc", 
        "avatar": "https://cdn.v2ex.com/avatar/4105/08ab/73070_large.png?m=1762737894"
      }, 
      "url": "https://www.v2ex.com/t/1127586", 
      "title": "\u4e0d\u77e5\u9053\u662f react \u4e0d\u884c\u8fd8\u662f\u963f\u91cc\u4e0d\u884c, \u6216\u8005\u662f\u6211\u7535\u8111\u4e0d\u884c? \u8bbf\u95ee\u963f\u91cc\u4e91\u5361\u5361\u7684.\u6eda\u52a8\u4e00\u6123\u4e00\u6123\u7684.", 
      "id": "https://www.v2ex.com/t/1127586", 
      "date_published": "2025-04-23T09:21:27+00:00", 
      "content_html": "<a target=\"_blank\" href=\"https://boce.aliyun.com/detect/http\" rel=\"nofollow noopener\">https://boce.aliyun.com/detect/http</a>"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/Radeon", 
        "name": "Radeon", 
        "avatar": "https://cdn.v2ex.com/avatar/63f6/019c/26842_large.png?m=1730423863"
      }, 
      "url": "https://www.v2ex.com/t/1125351", 
      "title": "\u4e0d\u6562\u76f8\u4fe1\u5728 2025\uff0c\u600e\u4e48\u81ea\u5df1 build/bundle + self-host \u4e00\u4e2a ESM \u7248\u672c\u7684 react.js \u548c react-dom.js \u4e5f\u662f\u4e00\u4e2a\u627e\u4e0d\u5230\u5b98\u65b9\u7b54\u6848\u7684\u95ee\u9898\u3002\u95ee\u4e86 AI\uff0c\u7b54\u6848\u4e5f\u4e0d\u9760\u8c31", 
      "id": "https://www.v2ex.com/t/1125351", 
      "date_published": "2025-04-14T07:32:35+00:00", 
      "content_html": "\u6240\u6709\u7684\u5730\u65b9\u90fd\u8ba9\u4eba\u53bb\u7528<br /><a target=\"_blank\" href=\"https://esm.sh/react@18.2.0\" rel=\"nofollow noopener\">https://esm.sh/react@18.2.0</a><br /><a target=\"_blank\" href=\"https://esm.sh/react-dom@18.2.0/client\" rel=\"nofollow noopener\">https://esm.sh/react-dom@18.2.0/client</a><br />\u8fd9\u4e9b CDN \u3002\u95ee\u9898\u662f\u4e0d\u7528 CDN \u7684\u8bdd\uff0c\u81ea\u5df1\u600e\u4e48\u53bb\u628a\u5b8c\u6574\u7684 ESM build \u51fa\u6765\u5462\uff1f\u95ee\u4e86 AI \u4e5f\u627e\u4e0d\u5230\u5177\u4f53\u7684\u5b98\u65b9\u6b65\u9aa4"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/smileme", 
        "name": "smileme", 
        "avatar": "https://cdn.v2ex.com/avatar/79bd/5119/235902_large.png?m=1744556011"
      }, 
      "url": "https://www.v2ex.com/t/1125174", 
      "date_modified": "2025-04-13T19:03:16+00:00", 
      "content_html": "<p>\u80cc\u666f\u662f\u4f7f\u7528 react native + storekit2 \uff08\u6865\u63a5\uff09 \u5f00\u53d1 APP \uff0c\u63a5\u5165\u82f9\u679c\u8ba2\u9605\u3002\u9047\u5230\u4e00\u4e2a\u5947\u602a\u7684\u95ee\u9898\u662f\uff1a\n\u4f7f\u7528\u6c99\u7bb1\u8d26\u53f7\u6d4b\u8bd5\u652f\u4ed8\u7684\u65f6\u5019\uff0c\u8c03\u7528<code>product.purchase(productId)</code>\u4f1a\u8fd4\u56de\u8d2d\u4e70\u6210\u529f success \uff0c\u4f46<code>Transaction.currentEntitlements</code> \u53c8\u53d6\u4e0d\u5230\u751f\u6548\u7684\u8ba2\u5355\uff0c\u6211\u4ee5\u4e3a\u662f\u6709\u6ca1\u8fc7\u671f\u8fd8\u5728\u7eed\u8ba2\u7684\u8ba2\u5355\u3002</p>\n<p>\u4f46\u7528<code>Transaction.all</code>\u67e5\u5230\u6240\u6709\u8ba2\u5355\u4e4b\u540e\u53d1\u73b0\u6240\u6709\u8ba2\u5355\u90fd\u662f\u8fc7\u671f\u7684\u3002\u5b8c\u5168\u6ca1\u5934\u8111\uff0c\u5b98\u65b9\u6587\u6863\u4e5f\u7ffb\u4e86\u51e0\u904d\uff0cAI \u4e5f\u95ee\u4e86\u5404\u79cd\uff0c\u5c31\u662f\u4e0d\u77e5\u9053\u4e3a\u5565\u3002</p>\n<p>\u6c42\u4e2a\u8001\u54e5\u5e2e\u5fd9\u89e3\u51b3\u4e0b\uff0c\u53ef\u4ed8\u8d39\u3002</p>\n<p>\u53e6\u5916\u4e4b\u6240\u4ee5\u7528\u6865\u63a5\u6ca1\u6709\u76f4\u63a5\u7528 react-native-iap \uff0c\u662f\u56e0\u4e3a\u4e0a\u5468\u9047\u5230\u4e00\u4e2a\u871c\u6c41\u95ee\u9898\uff0c\u6b7b\u6d3b\u67e5\u4e0d\u5230\u5728 apple store connect \u914d\u7f6e\u7684 sku \uff0c\u540e\u9762\u6309\u7167 github \u5176\u4ed6\u4eba\u7684\u6559\u7a0b\u7528\u4e86\u6865\u63a5\u8c03\u7528\u5c31 OK \u4e86\u3002</p>\n<p>\u8fd9\u662f purchase \u7684\u4ee3\u7801\uff1a</p>\n<pre><code>func purchaseProduct(_ productId: NSString,\n                         resolver resolve: @escaping RCTPromiseResolveBlock,\n                         rejecter reject: @escaping RCTPromiseRejectBlock) {\n        Task {\n            do {\n                let products = try await Product.products(for: [productId as String])\n                guard let product = products.first else {\n                    reject(\"no_product\", \"\u672a\u627e\u5230\u5bf9\u5e94\u4ea7\u54c1\", nil)\n                    return\n                }\n                let result = try await product.purchase()\n                print(\"[StoreKit2Module] \u8d2d\u4e70\u7ed3\u679c: \\(result)\")\n                switch result {\n                case .success(_):\n                    print(\"[StoreKit2Module] \u8d2d\u4e70\u6210\u529f\")\n                    resolve(\"\u8d2d\u4e70\u6210\u529f\")\n                case .userCancelled:\n                    print(\"[StoreKit2Module] \u7528\u6237\u53d6\u6d88\u4e86\u8d2d\u4e70\")\n                    reject(\"cancelled\", \"\u7528\u6237\u53d6\u6d88\u4e86\u8d2d\u4e70\", nil)\n                case .pending:\n                    print(\"[StoreKit2Module] \u8d2d\u4e70\u5904\u4e8e\u7b49\u5f85\u72b6\u6001\")\n                    reject(\"pending\", \"\u8d2d\u4e70\u5904\u4e8e\u7b49\u5f85\u72b6\u6001\", nil)\n                @unknown default:\n                    print(\"[StoreKit2Module] \u672a\u77e5\u7684\u8d2d\u4e70\u7ed3\u679c\")\n                    reject(\"unknown\", \"\u672a\u77e5\u7684\u8d2d\u4e70\u7ed3\u679c\", nil)\n                }\n            } catch {\n                print(\"[StoreKit2Module] \u8d2d\u4e70\u65f6\u53d1\u751f\u9519\u8bef: \\(error)\")\n                reject(\"purchase_error\", \"\u8d2d\u4e70\u65f6\u53d1\u751f\u9519\u8bef: \\(error)\", error)\n            }\n        }\n    }\n</code></pre>\n", 
      "date_published": "2025-04-13T14:56:32+00:00", 
      "title": "\u6709\u6ca1\u6709\u719f\u6089 react native \u7684\u8001\u54e5\uff0c\u6c42\u5e2e\u5fd9\u770b\u4e2a\u95ee\u9898", 
      "id": "https://www.v2ex.com/t/1125174"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/aikilan", 
        "name": "aikilan", 
        "avatar": "https://cdn.v2ex.com/gravatar/4877b680fe44aba64b22c5c8bd136aca?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1123994", 
      "date_modified": "2025-04-08T10:18:21+00:00", 
      "content_html": "<p>\u8d8a\u5199\u8d8a\u70e6\u8e81\uff0c\u8981\u517c\u987e\u6027\u80fd\uff0c\u8981\u517c\u987e\u8bed\u6cd5\uff0c\u8fd8\u8981\u8003\u8651\u4f18\u96c5\u3002\u3002\u3002\u5f88\u591a\u5c0f\u573a\u666f\u660e\u660e\u77e5\u9053\u76f4\u63a5\u64cd\u4f5c dom \u6765\u7684\u53c8\u5feb\u53c8\u51c6\uff0c\u53c8\u4e0d\u6562\u778e\u641e\u3002</p>\n", 
      "date_published": "2025-04-08T08:27:20+00:00", 
      "title": "React \u5199\u7684\u8d8a\u591a\uff0c\u5c31\u8d8a\u60f3\u76f4\u63a5\u64cd\u4f5c DOM", 
      "id": "https://www.v2ex.com/t/1123994"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/shuffblow", 
        "name": "shuffblow", 
        "avatar": "https://cdn.v2ex.com/gravatar/e46a5e11b2e3b5bf8babce0712071313?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1123537", 
      "date_modified": "2025-04-06T11:55:04+00:00", 
      "content_html": "<p>\u5982\u9898\uff0c\u6700\u597d\u80fd\u5e26\u6709\u8bed\u97f3\u76f8\u5173\u5bf9\u8bdd\u529f\u80fd\u7684\uff0c\u73b0\u5728\u6709\u73b0\u6210\u7684\u7ec4\u4ef6\u5e93\u5417</p>\n", 
      "date_published": "2025-04-06T08:09:58+00:00", 
      "title": "react native \u6709\u7c7b\u4f3c antd/x \u7684 ai \u5bf9\u8bdd\u7ec4\u4ef6\u5e93\u5417", 
      "id": "https://www.v2ex.com/t/1123537"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/southsala", 
        "name": "southsala", 
        "avatar": "https://cdn.v2ex.com/avatar/7a62/dc06/254273_large.png?m=1505354753"
      }, 
      "url": "https://www.v2ex.com/t/1121091", 
      "date_modified": "2025-03-26T02:24:10+00:00", 
      "content_html": "\u4e00\u76f4\u7528 vue \uff0c\u6700\u8fd1\u770b\u4e86\u6587\u6863\u611f\u89c9\u8fd8\u662f react \u66f4\u597d\u3002\u90a3\u4e48\u6700\u4f73\u6280\u672f\u6808\u662f\u4ec0\u4e48\u5462\uff1f<br />\u4e2d\u540e\u53f0\u76ee\u524d\u8003\u8651 antd pro + umi \u7684\u5168\u5bb6\u6876<br />\u5176\u4ed6\u7684\u8003\u8651 nextjs<br />\u8bf7\u95ee\u8fd9\u4e2a\u53ef\u4ee5\u5417\uff1f", 
      "date_published": "2025-03-26T01:37:52+00:00", 
      "title": "react \u6700\u4f73\u6280\u672f\u6808\u662f\u4ec0\u4e48\uff1f", 
      "id": "https://www.v2ex.com/t/1121091"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/duguyihou", 
        "name": "duguyihou", 
        "avatar": "https://cdn.v2ex.com/gravatar/1b8782cb0d52e485e3815f3ce138a141?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1119917", 
      "date_modified": "2025-03-20T09:04:06+00:00", 
      "content_html": "<p>\u5927\u5bb6\u597d\uff0c\u60f3\u8ddf\u5927\u5bb6\u5206\u4eab\u4e0b react-native-turbo-image.</p>\n<h2>\u4e3a\u4ec0\u4e48\u9700\u8981\u5b83\uff1f</h2>\n<p>\u5728 React Native \u5f00\u53d1\u4e2d\uff0c\u56fe\u7247\u52a0\u8f7d\u548c\u6e32\u67d3\u6027\u80fd\u4e00\u76f4\u662f\u4e00\u4e2a\u5e38\u89c1\u7684\u75db\u70b9\uff0c\u5c24\u5176\u662f\u5728\u5904\u7406\u5927\u91cf\u56fe\u7247\u6216\u9700\u8981\u9ad8\u6027\u80fd\u7684\u573a\u666f\u65f6\u3002react-native-fast-image \u5927\u6982\u5feb\u4e09\u5e74\u6ca1\u6709\u7ef4\u62a4\u4e86\u3002react-native-turbo-image \u5c31\u662f\u4e3a\u4e86\u89e3\u51b3\u8fd9\u4e2a\u95ee\u9898\u800c\u8bde\u751f\u7684\u3002</p>\n<h2>\u4e3b\u8981\u7279\u6027\uff1a</h2>\n<p>\u6781\u901f\u52a0\u8f7d\uff1a\u539f\u751f\u4f18\u5316\uff0c\u56fe\u7247\u52a0\u8f7d\u901f\u5ea6\u5927\u5e45\u63d0\u5347\u3002</p>\n<p>\u5185\u5b58\u4f18\u5316\uff1a\u667a\u80fd\u7f13\u5b58\u548c\u5185\u5b58\u7ba1\u7406\uff0c\u51cf\u5c11 OOM \uff08\u5185\u5b58\u6ea2\u51fa\uff09\u98ce\u9669\u3002</p>\n<p>\u9ad8\u5ea6\u53ef\u5b9a\u5236\uff1a\u652f\u6301\u81ea\u5b9a\u4e49\u52a0\u8f7d\u7b56\u7565\u3001\u7f13\u5b58\u63a7\u5236\u548c\u56fe\u7247\u5904\u7406\u3002</p>\n<h2>\u9879\u76ee\u5730\u5740</h2>\n<p><a href=\"https://github.com/duguyihou/react-native-turbo-image\" rel=\"nofollow\">https://github.com/duguyihou/react-native-turbo-image</a></p>\n", 
      "date_published": "2025-03-20T09:03:22+00:00", 
      "title": "\u662f\u4e0d\u662f\u90fd\u7528 expo-image \u4e86\uff0c\u5206\u4eab\u4e0b react-native-turbo-image", 
      "id": "https://www.v2ex.com/t/1119917"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/limklimk99", 
        "name": "limklimk99", 
        "avatar": "https://cdn.v2ex.com/gravatar/314a923842bb23e62084083e693169c0?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1118721", 
      "title": "\u7528 AI \u5199\u4e86\u4e2a react \u7684\u8d44\u8baf\u7f51\u7ad9\uff0c\u624d\u53d1\u73b0 SEO \u5f88\u5dee\uff0c\u600e\u4e48\u529e", 
      "id": "https://www.v2ex.com/t/1118721", 
      "date_published": "2025-03-15T14:30:54+00:00", 
      "content_html": "<p>\u65b0\u624b\u3002</p>\n<p>\u7b2c\u4e00\u6b21\u7528 react \uff0c\u5c31\u7528 AI \u505a\u4e86\uff0c\u53d1\u73b0 SEO \u4e0d\u597d\uff0c\u641c\u7d22\u5f15\u64ce\u4e0d\u597d\u6536\u5f55\uff0c\u4f46\u662f\u90fd\u505a\u5b8c\u4e86\u3002\u3002\u73b0\u5728\u8be5 \u548b\u529e\u54e6\u3002\u3002</p>\n<p>\u7f51\u7ad9 <a href=\"https://www.bahew.com/\" rel=\"nofollow\">https://www.bahew.com/</a></p>\n"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/zhengfan2016", 
        "name": "zhengfan2016", 
        "avatar": "https://cdn.v2ex.com/gravatar/df526f138d10cac8c95b274c720a6f55?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1118463", 
      "date_modified": "2025-03-14T09:12:22+00:00", 
      "content_html": "<p>\u770b java \u5473\u6709\u611f</p>\n<p>\u5047\u5982\u524d\u7aef\u6709\u5982\u4e0b\u9875\u9762\u7ec4\u4ef6 a \u548c b \uff0ca \u548c b \u4e2d\u6709\u4e00\u90e8\u5206\u5e76\u96c6\u7684\u529f\u80fd\uff0c\u6bd4\u5982 card \u7684\u8fb9\u6846\uff0c\u6807\u9898\u4ec0\u4e48\u7684\n<img alt=\"\" class=\"embedded_image\" loading=\"lazy\" referrerpolicy=\"no-referrer\" rel=\"noreferrer\" src=\"https://i.imgur.com/80OLtGn.png\"/></p>\n<p>\u6211\u4e00\u822c\u4f1a\u62c6\u6210 BaseCard \uff0cACard \uff0cBCard \u4e09\u4e2a\u7ec4\u4ef6\u6765\u5199\uff0c\u5305\u62ec ts \u4e5f\u662f\uff0cinterface BaseCardProps \uff0c\u7136\u540e\u88ab\u53e6\u5916\u4e24\u4e2a\u7ec4\u4ef6\u7ee7\u627f\u3002\u6211\u81ea\u8ba4\u4e3a\u5199\u5230\u8fd8\u7b97\u4f18\u96c5\uff0c\u7ec4\u4ef6\u5206\u62c6\u51fa\u6765\u6bcf\u4e2a\u6587\u4ef6\u4ee3\u7801\u91cf\u4e00\u822c\u63a7\u5236\u5728 100 \u884c\u5185\uff0c\u9876\u591a 300 \u884c\u51fa\u4e00\u70b9\u3002</p>\n<p>\u884c\u6570\u8d85 300 \u7684\u8bdd\uff0c\u540e\u7eed\u6709\u65f6\u95f4\u6574\u7406\u4ee3\u7801\u6211\u4e00\u822c\u4f1a\u6309\u4e0d\u540c\u529f\u80fd\u7ec6\u5316\u7ee7\u7eed\u62c6\u5206\u51fa\u7ec4\u4ef6\u3002\u770b\u5230\u6709\u4eba\u8bf4 javaer \u5199\u70b9\u7b80\u5355\u529f\u80fd\u5c31\u5148\u5199\u5341\u51e0\u4e2a\u6587\u4ef6\u7136\u540e\u5230\u5904\u7ee7\u627f\uff0c\u6bcf\u4e2a\u7c7b\u4ee3\u7801\u5f88\u5c11\uff0c\u96be\u9053\u6211\u4e00\u76f4\u4ee5\u6765\u575a\u6301\u7684\u5199\u6cd5\u662f\u9519\u8bef\u7684\u5417\uff0call-in-one \u5168\u5806\u4e00\u8d77\u624d\u662f\u6b63\u786e\u5199\u6cd5\uff1f</p>\n", 
      "date_published": "2025-03-14T07:48:52+00:00", 
      "title": "\u53cd\u601d\uff0c\u6211\u5199\u7684\u524d\u7aef\u7684 react \u5473\u662f\u4e0d\u662f\u592a\u91cd\u4e86", 
      "id": "https://www.v2ex.com/t/1118463"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/nedtang", 
        "name": "nedtang", 
        "avatar": "https://cdn.v2ex.com/avatar/8a39/0227/290433_large.png?m=1739791992"
      }, 
      "url": "https://www.v2ex.com/t/1118460", 
      "date_modified": "2025-03-14T09:25:21+00:00", 
      "content_html": "<p><a href=\"https://github.com/openspug\" rel=\"nofollow\">https://github.com/openspug</a></p>\n<p>\u8fd9\u4e2a\u9879\u76ee docker \u90e8\u7f72\uff0c\u4fee\u6539.js \u6587\u4ef6\u6309\uff0c\u4f46\u662f\u9875\u9762\u6ca1\u6709\u53d1\u751f\u6539\u53d8\uff0c\u6e05\u9664\u7f13\u5b58\u4e86\uff0cai \u4e5f\u95ee\u8fc7\u4e86\u3002</p>\n", 
      "date_published": "2025-03-14T07:40:28+00:00", 
      "title": "\u5c0f\u767d\u6c42\u52a9,React \u9879\u76ee\u65e0\u6cd5\u4fee\u6539", 
      "id": "https://www.v2ex.com/t/1118460"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/asen001", 
        "name": "asen001", 
        "avatar": "https://cdn.v2ex.com/avatar/d5f5/425f/549594_large.png?m=1733216854"
      }, 
      "url": "https://www.v2ex.com/t/1114152", 
      "title": "\u88ab antd \u60ef\u574f\u4e86\uff0c\u522b\u7684\u7ec4\u4ef6\u5e93\u7528\u7684\u5f88\u96be\u53d7\uff0c\u5927\u5bb6\u6709\u8fd9\u79cd\u611f\u89c9\u5417\uff1f", 
      "id": "https://www.v2ex.com/t/1114152", 
      "date_published": "2025-02-25T09:23:14+00:00", 
      "content_html": "<p>\u6211\u672c\u4eba\u4e00\u76f4\u7528 antd \u5f00\u53d1\uff0c\u6700\u8fd1\u6709\u70b9\u5ba1\u7f8e\u75b2\u52b3\u60f3\u627e\u70b9\u65b0\u9c9c\u73a9\u610f\u3002\n\u8bd5\u4e86\u4e00\u5708\u82f1\u6587\u793e\u533a\u63a8\u8350\u7684\u7ec4\u4ef6\u5e93\uff08 shadcn mantine chakra \u7b49\uff09\uff0c\u529f\u80fd\u4e0a\u90fd\u4e0d\u5982 antd \u65b9\u4fbf\uff0c\u4e0d\u8bf4\u592a\u590d\u6742\u7684\u529f\u80fd\uff0c\u5f02\u6b65\u5173\u95ed\u786e\u8ba4\u6846\u8fd9\u79cd\u5e38\u89c1\u7684\u529f\u80fd\u90fd\u5f97\u81ea\u5df1\u5c01\u88c5\uff0c\u4e0d\u7136\u5c31\u5f97\u54fc\u54e7\u54fc\u54e7\u5199\u4e00\u5927\u5768\u3002\n\u5f00\u53d1\u540e\u53f0 dashboard \u5e94\u7528\uff0c\u9664\u4e86 antd \u8fd8\u6709\u522b\u7684\u66f4\u597d\u7684\u9009\u62e9\u5417\uff1f</p>\n"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/xiaohupro", 
        "name": "xiaohupro", 
        "avatar": "https://cdn.v2ex.com/avatar/2bdc/ec33/608363_large.png?m=1760687312"
      }, 
      "url": "https://www.v2ex.com/t/1114150", 
      "date_modified": "2025-02-25T09:21:45+00:00", 
      "content_html": "<p>\u5148\u8bf4\u4e00\u4e0b\u81ea\u5df1\u7684\u6280\u672f\u80cc\u666f\uff0c\u540e\u7aef\u7a0b\u5e8f\u5458\u540e\u6765\u8f6c\u4e3a\u5168\u6808\uff0c\u65e5\u5e38\u4f7f\u7528\u524d\u7aef\u7684 Vue \u6bd4\u8f83\u591a\uff0cReact \u53ea\u4e0a\u624b\u8fc7\u5b98\u7f51\u7684\u6559\u7a0b Demo \uff0c\u76ee\u524d\u60f3\u5b66\u4e60 React \u6280\u672f\u6808\u8fd9\u8fb9\u7684\uff0c\u4e00\u5f00\u59cb\u76f4\u63a5\u4e0a\u624b Next.js \u5012\u662f\u4e5f\u80fd\u505a\u51fa\u4e1c\u897f\uff0c\u4f46\u662f\u8fd8\u662f\u60f3\u7cfb\u7edf\u7684\u5b66\u4e60\u4e00\u4e0b\uff0c\u597d\u591a\u6982\u5ff5\u90fd\u4e0d\u6e05\u695a\uff0c\u4f8b\u5982\u5404\u79cd Hook \uff0c\u4ee5\u53ca\u5b83\u4eec\u6b63\u786e\u7684\u4f7f\u7528\u573a\u666f\uff0c\u6709\u6ca1\u6709\u524d\u7aef\u5927\u4f6c\u7ed9\u4e00\u70b9 React \u5b66\u4e60\u8def\u7ebf\uff0c\u611f\u8c22\ud83d\ude4f</p>\n", 
      "date_published": "2025-02-25T09:18:23+00:00", 
      "title": "React \u5b66\u4e60\u66f2\u7ebf\u8981\u6bd4 Vue \u9661\u5ced\u8bb8\u591a\u5440", 
      "id": "https://www.v2ex.com/t/1114150"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/ooo4", 
        "name": "ooo4", 
        "avatar": "https://cdn.v2ex.com/avatar/d52d/6326/635754_large.png?m=1752556481"
      }, 
      "url": "https://www.v2ex.com/t/1113084", 
      "date_modified": "2025-02-21T00:52:39+00:00", 
      "content_html": "<p>\u8bf7\u6559\u4e00\u4e2a\u5173\u4e8e useEffect \u4f9d\u8d56\u7684\u95ee\u9898</p>\n<p>\u6700\u8fd1\u5728\u5b66\u4e60 react \u548c nextjs \uff0c\u7b97\u521d\u5b66\u8005\uff0c\u611f\u89c9\u6211\u5199\u7684\u5f88\u591a useEffect eslint \u90fd\u63d0\u793a\u7f3a\u5c11\u4f9d\u8d56\uff0c\u4f46\u5176\u5b9e\u6211\u89c9\u5f97\u5199\u7684\u4f9d\u8d56\u5df2\u7ecf\u591f\u4e86</p>\n<p>\u6bd4\u5982\u8fd9\u6837</p>\n<pre><code class=\"language-js\">  const [conversation, setConversation] = useState&lt;Conversation[]&gt;([])\n  useEffect(() =&gt; {\n    if (currentChatTitle) {\n      setConversation(\n        conversation.map((i) =&gt; {\n          return {\n            ...i,\n            title: i.id === currentChatId ? currentChatTitle : i.title,\n          }\n        })\n      )\n    }\n  }, [currentChatId, currentChatTitle])\n</code></pre>\n<p>eslint \u5c31\u8bf4\u7f3a\u5c11<code>conversation</code>\u8fd9\u4e2a\u4f9d\u8d56\uff0c\u4f46\u662f\u52a0\u4e86\u4e4b\u540e\u5c31\u65e0\u9650\u6267\u884c\u8fd9\u4e2a useEffect \u56de\u8c03\u4e86\uff0c<strong>\u5176\u5b9e\u6211\u8fde\u8fd9\u4e2a<code>currentChatId</code>\u90fd\u4e0d\u60f3\u52a0\u5165\u4f9d\u8d56</strong></p>\n<p>eslint \u4e5f\u7ed9\u4e86\u89e3\u51b3\u65b9\u6848\u5c31\u662f\u6539\u6210<code>setXXX((prev)=&gt;xxx)</code>\uff0c\u4f46\u8fd9\u6837\u597d\u9ebb\u70e6\u554a\uff0c\u6216\u8005\u5c31\u662f disable \u6389\u8fd9\u4e00\u884c</p>\n<pre><code class=\"language-js\">  useEffect(() =&gt; {\n    if (currentChatTitle) {\n      // \u6539\u6210`setXXX((prev)=&gt;xxx)`\n      setConversation((conversation) =&gt;\n        conversation.map((i) =&gt; {\n          return {\n            ...i,\n            title: i.id === currentChatId ? currentChatTitle : i.title,\n          }\n        })\n      )\n    }\n  }, [currentChatId, currentChatTitle])\n</code></pre>\n<p>\u8bf7\u95ee\u4e0b\u5404\u4f4d\u5e73\u65f6\u4f1a\u5173\u6389\u8fd9\u4e2a<code>eslintreact-hooks/exhaustive-deps</code>\u8fd9\u4e2a\u89c4\u5219\u5417</p>\n", 
      "date_published": "2025-02-20T14:28:59+00:00", 
      "title": "\u8bf7\u6559\u4e00\u4e2a\u5173\u4e8e useEffect \u4f9d\u8d56\u7684\u95ee\u9898", 
      "id": "https://www.v2ex.com/t/1113084"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/letterLim", 
        "name": "letterLim", 
        "avatar": "https://cdn.v2ex.com/gravatar/81325c8b52a16dac25f3e219f0b1eaa0?s=73&d=retro"
      }, 
      "url": "https://www.v2ex.com/t/1112454", 
      "date_modified": "2025-02-19T01:02:42+00:00", 
      "content_html": "\u6b63\u5728\u505a\u4e00\u4e2a\u804a\u5929\u5e94\u7528\u3002 \u56e0\u4e3a\u8981\u6709\u53cc\u5411\u6eda\u52a8\u52a0\u8f7d\u7684\u9700\u6c42\u653e\u5f03\u4e86 FlashList \u8f6c\u800c\u4f7f\u7528 FlatList \u3002 \u53d1\u73b0\u53d1\u6d88\u606f\u65b0\u589e item \u65f6\u3002\u6bcf\u6b21\u6e32\u67d3\u90fd\u9700\u8981 0.8 \u79d2\u5de6\u53f3\u3002\u5728\u8fd9\u671f\u95f4\u6240\u6709\u7684 setState \u90fd\u4f1a\u5361\u4f4f\u3002 \u4e5f\u8bd5\u4e86\u6587\u6863\u4e2d\u7684\u4f18\u5316\u65b9\u6848\u611f\u89c9\u6548\u679c\u4e0d\u5927\u3002 \u6709\u6ca1\u6709\u5927\u54e5\u77e5\u9053\u600e\u4e48\u89e3\u51b3", 
      "date_published": "2025-02-18T14:56:03+00:00", 
      "title": "\u8bf7\u6559\u4e00\u4e2a react native FlatList \u7684\u95ee\u9898", 
      "id": "https://www.v2ex.com/t/1112454"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/skytenlc", 
        "name": "skytenlc", 
        "avatar": "https://cdn.v2ex.com/avatar/0f74/1ce0/617170_large.png?m=1738912607"
      }, 
      "url": "https://www.v2ex.com/t/1110815", 
      "date_modified": "2025-02-12T02:40:11+00:00", 
      "content_html": "https://learnreact.design/posts/what-is-react/zh", 
      "date_published": "2025-02-12T00:46:45+00:00", 
      "title": "\u60f3\u5b66\u4e00\u4e0b React\uff0c\u6628\u5929\u770b\u5230\u4e00\u4e2a\u5185\u5bb9\u5f88\u597d\u7684\u7f51\u7ad9\uff0c\u4f46\u662f\u770b\u5b8c\u4e4b\u540e\u6ca1\u6709\u7eed\u96c6\u4e86\uff0c v \u53cb\u6709\u597d\u7684\u6559\u7a0b\u5417\uff1f", 
      "id": "https://www.v2ex.com/t/1110815"
    }, 
    {
      "author": {
        "url": "https://www.v2ex.com/member/huijiewei", 
        "name": "huijiewei", 
        "avatar": "https://cdn.v2ex.com/avatar/0f05/0d11/58928_large.png?m=1715094716"
      }, 
      "url": "https://www.v2ex.com/t/1107170", 
      "date_modified": "2025-01-22T12:25:27+00:00", 
      "content_html": "<pre><code class=\"language-jsx\">function ToggleButtonRemastered({ isEnabled, children }) {\n  return (\n    &lt;button\n      className={clsx(\n        isEnabled &amp;&amp; \"scale-110\",\n        \"transition-transform duration-200 w-max text-xl\"\n      )}\n    &gt;\n    {children}\n  &lt;/button&gt;\n  )\n}\n</code></pre>\n<p>\u548c</p>\n<pre><code class=\"language-jsx\">function ToggleButtonClassicEdition({ isEnabled, children }) {\n  return (\n    &lt;button\n      data-enabled={isEnabled}\n      className=\"data-[enabled=truel:scale-110 transition-transform duration-200 w-max text-xl\"\n    &gt;\n      {children}\n    &lt;/button&gt;\n  )\n}\n</code></pre>\n", 
      "date_published": "2025-01-22T12:20:37+00:00", 
      "title": "React \u7ec4\u4ef6\u6837\u5f0f\u7684\u5b9e\u73b0\u65b9\u5f0f\u54ea\u79cd\u66f4\u597d\uff1f \u5927\u5bb6\u90fd\u53d1\u8868\u4e00\u4e0b\u610f\u89c1\u4e48", 
      "id": "https://www.v2ex.com/t/1107170"
    }
  ]
}