{"componentChunkName":"component---src-templates-post-template-js","path":"/zh-CN/ecosystem/faq","result":{"data":{"current":{"frontmatter":{"title":"FAQ 常见问题","order":12,"brief":null,"icon":"doc-faq"},"fields":{"type":"ecosystem"},"tableOfContents":{"items":[{"url":"#semi-提供了-figma-ui-kit考虑提供-sketch-或基于其他设计工具的版本吗","title":"Semi 提供了 Figma UI Kit，考虑提供 Sketch 或基于其他设计工具的版本吗？"},{"url":"#semi-目前提供了基于-react-版本的-ui-library是否有官方提供其他技术栈-lib-的计划","title":"Semi 目前提供了基于 React 版本的 ui library，是否有官方提供其他技术栈 lib 的计划？"},{"url":"#semi-后续会提供移动端组件吗-","title":"Semi 后续会提供移动端组件吗 ？"},{"url":"#semi-的默认的主题风格跟我们系统的定位不符可以配置另外的主题吗","title":"Semi 的默认的主题风格跟我们系统的定位不符，可以配置另外的主题吗？"},{"url":"#什么情况下推荐使用-design-token-定制样式什么情况下推荐通过-css-覆盖方式定制样式","title":"什么情况下推荐使用 Design Token 定制样式，什么情况下推荐通过 css 覆盖方式定制样式？"},{"url":"#semi-2x-与-semi-1x-有什么不同","title":"Semi 2.x 与 Semi 1.x 有什么不同？"},{"url":"#各版本之间的关系","title":"各版本之间的关系"},{"url":"#semi-是否支持-tree-shaking","title":"Semi 是否支持 Tree Shaking"},{"url":"#为什么-defaultvaluedefaultxxx-不起作用","title":"为什么 defaultValue、defaultXXX 不起作用？"},{"url":"#ts-类型检查报错提示-xxx-上不存在属性-children-或-xxx-不能用作-jsx-组件","title":"TS 类型检查报错，提示 xxx 上不存在属性 children 或 XXX 不能用作 JSX 组件"},{"url":"#安装新版本-semi-后提示-cant-resolve-date-fnsesm_libscloneobjectjs-或其他有-date-fns-相关的依赖错误","title":"安装新版本 Semi 后，提示 can't resolve date-fns/esm/_libs/cloneObject.js 或其他有 date-fns 相关的依赖错误"},{"url":"#semi-支持-i18n-吗","title":"Semi 支持 i18n 吗？"},{"url":"#semi-的样式是基于-scss-还是-less-为什么不用-css-module","title":"Semi 的样式是基于 Scss 还是 Less ？为什么不用 CSS Module？"},{"url":"#为什么-tooltip-content-配置很长很长的内容时某些情况下内容会超出显示区域","title":"为什么 Tooltip content 配置很长很长的内容时，某些情况下内容会超出显示区域?"},{"url":"#有新组件需求或者现有组件-feature-不能满足我的业务需求该找谁","title":"有新组件需求、或者现有组件 Feature 不能满足我的业务需求，该找谁？"},{"url":"#对组件的使用有疑惑不知道有没有能满足你业务需求场景的组件","title":"对组件的使用有疑惑？不知道有没有能满足你业务需求场景的组件？"},{"url":"#希望自定义滚动条的样式","title":"希望自定义滚动条的样式？"},{"url":"#更多的-faq","title":"更多的 FAQ"}]},"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"category\": \"生态与帮助\",\n  \"title\": \"FAQ 常见问题\",\n  \"icon\": \"doc-faq\",\n  \"localeCode\": \"zh-CN\",\n  \"order\": 12\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h4\", null, \"Semi \\u63D0\\u4F9B\\u4E86 Figma UI Kit\\uFF0C\\u8003\\u8651\\u63D0\\u4F9B Sketch \\u6216\\u57FA\\u4E8E\\u5176\\u4ED6\\u8BBE\\u8BA1\\u5DE5\\u5177\\u7684\\u7248\\u672C\\u5417\\uFF1F\"), mdx(\"p\", null, \"\\u6682\\u65E0\\u8BA1\\u5212\\uFF0C\\u5177\\u4F53\\u539F\\u56E0\\u8BF7\\u53C2\\u8003 \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://github.com/DouyinFE/semi-design/issues/74\"\n  }, \"Issue 74\")), mdx(\"h4\", null, \"Semi \\u76EE\\u524D\\u63D0\\u4F9B\\u4E86\\u57FA\\u4E8E React \\u7248\\u672C\\u7684 ui library\\uFF0C\\u662F\\u5426\\u6709\\u5B98\\u65B9\\u63D0\\u4F9B\\u5176\\u4ED6\\u6280\\u672F\\u6808 lib \\u7684\\u8BA1\\u5212\\uFF1F\"), mdx(\"p\", null, \"\\u6682\\u65E0\\u8BA1\\u5212\\u3002\\u5177\\u4F53\\u539F\\u56E0\\uFF1A\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://github.com/DouyinFE/semi-design/issues/311\"\n  }, \"Issue 311\"), \"\\uFF0C\\u66F4\\u591A\\u8BA8\\u8BBA \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://github.com/DouyinFE/semi-design/issues/56\"\n  }, \"Issue 56\")), mdx(\"h4\", null, \"Semi \\u540E\\u7EED\\u4F1A\\u63D0\\u4F9B\\u79FB\\u52A8\\u7AEF\\u7EC4\\u4EF6\\u5417 \\uFF1F\"), mdx(\"p\", null, \"\\u6682\\u65E0\\u8BA1\\u5212\\uFF0C\\u5177\\u4F53\\u539F\\u56E0\\u53C2\\u8003 \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://github.com/DouyinFE/semi-design/discussions/287\"\n  }, \"discussions 287\")), mdx(\"h4\", null, \"Semi \\u7684\\u9ED8\\u8BA4\\u7684\\u4E3B\\u9898\\u98CE\\u683C\\u8DDF\\u6211\\u4EEC\\u7CFB\\u7EDF\\u7684\\u5B9A\\u4F4D\\u4E0D\\u7B26\\uFF0C\\u53EF\\u4EE5\\u914D\\u7F6E\\u53E6\\u5916\\u7684\\u4E3B\\u9898\\u5417\\uFF1F\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u5177\\u4F53\\u8BF7\\u53C2\\u8003 \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https:/lf3-static.semi.design/obj/semi-tos/semi_main/zh-CN/start/customize-theme\"\n  }, \"\\u5B9A\\u5236\\u4E3B\\u9898\"), \" \\u3002Semi \\u63D0\\u4F9B\", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"\\u591A\\u8FBE 3000+ Design Token \\u5141\\u8BB8\\u7528\\u6237\\u8FDB\\u884C\\u6DF1\\u5EA6\\u5B9A\\u5236\"), \"\\uFF0C\\u65E0\\u8BBA\\u4F60\\u662F\\u7814\\u53D1\\u8FD8\\u662F\\u8BBE\\u8BA1\\u5E08\\uFF0C\\u5728 \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https:/lf3-static.semi.design/obj/semi-tos/semi_main/dsm\"\n  }, \"Semi DSM\"), \" \\u91CC\\u53EF\\u4EE5\\u975E\\u5E38\\u65B9\\u4FBF\\u5730\\u8FDB\\u884C\\u6837\\u5F0F\\u5C42\\u914D\\u7F6E\\uFF0C\\u5E76\\u5728\\u4EE3\\u7801\\u3001\\u8BBE\\u8BA1\\u7A3F\\u59CB\\u7EC8\\u4FDD\\u6301\\u53CC\\u5411\\u540C\\u6B65\\u3002\\u57FA\\u4E8E Semi \\u4F60\\u53EF\\u4EE5\", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"\\u4F4E\\u6210\\u672C\\u5B9A\\u5236\\u5C5E\\u4E8E\\u4F60\\u81EA\\u5DF1\\u7684 Design System\"), \" \\u5C06 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Semi Design\"), \" \\u5B9A\\u5236\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Any Design\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u5E76\\u4E14\\u5728\\u4F7F\\u7528\\u65F6\\uFF0C\\u4F60\\u4E5F\\u53EA\\u9700\\u8981\\u5728 webpack.config.js \\u91CC\\u6307\\u5B9A\\u4F7F\\u7528\\u7684\\u4E3B\\u9898\\u5305\\u540D\\u5373\\u53EF\\u5B8C\\u6210\\u63A5\\u5165\\uFF08\\u9700\\u63A5\\u5165 Semi \\u63D2\\u4EF6\\uFF09\")), mdx(\"h4\", null, \"\\u4EC0\\u4E48\\u60C5\\u51B5\\u4E0B\\u63A8\\u8350\\u4F7F\\u7528 Design Token \\u5B9A\\u5236\\u6837\\u5F0F\\uFF0C\\u4EC0\\u4E48\\u60C5\\u51B5\\u4E0B\\u63A8\\u8350\\u901A\\u8FC7 css \\u8986\\u76D6\\u65B9\\u5F0F\\u5B9A\\u5236\\u6837\\u5F0F\\uFF1F\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Design Token \\u4E3B\\u8981\\u9002\\u7528\\u4E8E\\u9700\\u8981\\u505A\\u54C1\\u724C\\u5316\\u3001\\u6837\\u5F0F\\u98CE\\u683C\\u5B9A\\u5236\\u7684\\u573A\\u666F\\uFF0C\\u9700\\u8981\\u901A\\u8FC7 \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https:/lf3-static.semi.design/obj/semi-tos/semi_main/dsm\"\n  }, \"Semi DSM\"), \" \\u8FDB\\u884C\\u914D\\u7F6E\\uFF0C\\u53D1\\u5E03\\u4EA7\\u7269\\u4E3A npm \\u4E3B\\u9898\\u5305\\u3002Design Token\\u7684\\u4F5C\\u7528\\u8303\\u56F4\\u4E3A\\u5168\\u5C40\\u751F\\u6548\\u3002\\u4F8B\\u5982\\u8C03\\u6574\\u4E86 Button\\u3001Table \\u7684\\u7EC4\\u4EF6\\u7EA7Token\\uFF0C\\u90A3\\u4E48\\u5BF9\\u4E8E App \\u5185\\u6240\\u6709 Semi Button\\u3001Semi Table \\u90FD\\u4F1A\\u751F\\u6548\\uFF0C\\u65E0\\u6CD5\\u4EC5\\u9488\\u5BF9\\u67D0\\u4E2A\\u7279\\u5B9A\\u5B50\\u6A21\\u5757\\u8C03\\u6574\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u5982\\u679C\\u4F60\\u53EA\\u9700\\u8981\\u5C06\\u67D0\\u4E2A\\u7279\\u5B9A\\u6A21\\u5757\\u4E0B\\u7684\\u67D0\\u4E2A\\u7EC4\\u4EF6\\u7684\\u6837\\u5F0F\\u505A\\u8C03\\u6574\\uFF0C\\u4E0D\\u63A8\\u8350\\u4F7F\\u7528 Design Token\\uFF0C\\u63A8\\u8350\\u76F4\\u63A5\\u4F7F\\u7528 CSS \\u9009\\u62E9\\u5668\\u8986\\u76D6\\u6837\\u5F0F\")), mdx(\"h4\", null, \"Semi 2.x \\u4E0E Semi 1.x \\u6709\\u4EC0\\u4E48\\u4E0D\\u540C\\uFF1F\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Semi v2.0 \\u7248\\u672C \\u57FA\\u4E8E v1.x \\u4F7F\\u7528 ts \\u8FDB\\u884C\\u4E86\\u91CD\\u6784\\uFF0C\\u5E26\\u6765\\u4E86\\u66F4\\u597D\\u7684 ts \\u4F7F\\u7528\\u4F53\\u9A8C\\u3001\\u4EE5\\u53CA\\u66F4\\u5F00\\u7BB1\\u5373\\u7528\\u7684\\u5DE5\\u7A0B\\u5316\\u65B9\\u6848\\uFF0C\\u66F4\\u597D\\u7684a11y\\u652F\\u6301\\uFF0C\\u652F\\u6301\\u5C40\\u90E8\\u542F\\u7528\\u6697\\u8272/\\u4EAE\\u8272\\u6A21\\u5F0F\\uFF0C\\u89E3\\u51B3\\u4E86\\u5BF9\\u5FAE\\u524D\\u7AEF\\u573A\\u666F\\u4E0B\\u591A\\u7EC4\\u4EF6\\u5E93\\u5171\\u5B58\\u7684\\u6837\\u5F0F\\u51B2\\u7A81\\u95EE\\u9898\\u7B49\\u3002Semi 2.x \\u4E3A\\u5F00\\u6E90\\u7248\\u672C\\uFF0C Semi \\u56E2\\u961F\\u540E\\u7EED\\u6240\\u6709\\u957F\\u671F\\u5DE5\\u4F5C\\u90FD\\u5C06\\u57FA\\u4E8E v2.x \\u7248\\u672C\\u8FDB\\u884C\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"v1.x \\u5DF2\\u505C\\u6B62\\u8FED\\u4EE3\\u7EF4\\u62A4\\uFF0C\\u4E0D\\u518D\\u8FDB\\u884Cfeature\\u6DFB\\u52A0\\u6216\\u590D\\u6742\\u53D8\\u66F4\\uFF0C\\u4EC5\\u63D0\\u4F9B\\u5FC5\\u8981\\u7684 bug fix \\u53D8\\u66F4\\u3002\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u6211\\u4EEC\\u5EFA\\u8BAE\\u5927\\u5BB6\\u76F4\\u63A5\\u4F7F\\u7528 2.x \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://semi.design\"\n  }, \"@douyin/semi-ui\"), \" \\u8FDB\\u884C\\u5F00\\u53D1\\u3002\\u73B0\\u6709\\u65E7\\u9879\\u76EE\\uFF0C\\u6211\\u4EEC\\u4E5F\\u5EFA\\u8BAE\\u5927\\u5BB6\\u5C3D\\u5FEB\\u8FDB\\u884C\\u5347\\u7EA7\\u3002\\u4E3A\\u51CF\\u8F7B\\u5347\\u7EA7\\u6210\\u672C\\uFF0C\\u6211\\u4EEC\\u63D0\\u4F9B\\u4E86 cli \\u5DE5\\u5177\\u4E00\\u952E\\u8FC1\\u79FB\\uFF08@ies/semi-codemod-v2 \\uFF09\\u53EF\\u5E2E\\u52A9\\u5927\\u5BB6\\u81EA\\u52A8\\u5B8C\\u6210\\u9AD8\\u8FBE 90%\\u7684\\u8FC1\\u79FB\\u4FEE\\u6539\\uFF08\\u53D7\\u9650\\u4E8E AST \\u5B9E\\u73B0\\u539F\\u7406\\uFF0C\\u4ECD\\u5B58\\u5728\\u4E00\\u5C0F\\u90E8\\u5206 case \\u9700\\u4EBA\\u5DE5 review \\u4FEE\\u6539\\uFF0C\\u4F46\\u4E0D\\u591A \\uD83D\\uDE09 \\uFF09\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Semi 1.x \\u5347\\u7EA7\\u81F3 Semi 2.x \\u8BE6\\u7EC6\\u64CD\\u4F5C\\u6B65\\u9AA4\\u8BF7\\u67E5\\u9605 \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://semi.design/zh-CN/start/update-to-v2\"\n  }, \"\\u4ECE v1 \\u5230 v2\"))), mdx(\"h4\", null, \"\\u5404\\u7248\\u672C\\u4E4B\\u95F4\\u7684\\u5173\\u7CFB\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Semi \\u7248\\u672C\\u53F7\\u9075\\u5FAA Semver \\u89C4\\u8303\\uFF08\\u4E3B\\u7248\\u672C\\u53F7-\\u6B21\\u7248\\u672C\\u53F7-\\u4FEE\\u8BA2\\u7248\\u672C\\u53F7\\uFF09\\uFF0C\\u6211\\u4EEC\\u4F1A\\u5728 minor \\u7248\\u672C\\u65B0\\u589E feature \\u6216\\u7EC4\\u4EF6\\uFF0C\\u5728 patch \\u7248\\u672C\\u6211\\u4EEC\\u4EC5\\u4F1A\\u8FDB\\u884C bug \\u4FEE\\u590D\\uFF0C\\u800C\\u4E0D\\u4F1A\\u505A\\u65B0\\u529F\\u80FD\\u66F4\\u65B0\\u3002\", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"\\u4F46\\u4E0D\\u540C minor \\u7248\\u672C\\u4E4B\\u95F4\\u53EF\\u80FD\\u5B58\\u5728\\u6837\\u5F0F\\u4E0A\\u7684\\u8C03\\u6574\"), \"\\uFF0C\\u5F53\\u4F60\\u9700\\u8981\\u5347\\u7EA7\\u65F6\\uFF0C\\u6211\\u4EEC\\u63A8\\u8350\\u4F60\\u5728 changelog \\u9875\\u9762\\u4F7F\\u7528\\u7248\\u672C Diff \\u529F\\u80FD\\uFF0C\\u68C0\\u67E5\\u6240\\u6709\\u53D8\\u66F4\\u5E76\\u786E\\u5B9E\\u662F\\u5426\\u5BF9\\u4F60\\u7684\\u4E1A\\u52A1\\u7CFB\\u7EDF\\u6709\\u5F71\\u54CD\\u3002\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u540E\\u7EED\\u6240\\u6709\\u65B0 Feature\\u3001\\u65B0\\u7EC4\\u4EF6\\u90FD\\u4F1A\\u57FA\\u4E8E 2.x \\u7248\\u672C\\u8FDB\\u884C\\u5F00\\u53D1\\uFF0C\\u6211\\u4EEC\\u63A8\\u8350\\u4E1A\\u52A1\\u65B9\\u5C3D\\u53EF\\u80FD\\u5730\\u4FDD\\u6301\\u4F7F\\u7528\\u6700\\u65B0\\u7248\\u672C\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"2.x \\u5404\\u7248\\u672C\\u4E4B\\u95F4\\uFF0CAPI \\u4F1A\\u4FDD\\u6301\", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"\\u5411\\u524D\\u517C\\u5BB9\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"1.x \\u5404\\u7248\\u672C\\u4E4B\\u95F4\\uFF0CAPI \\u4E5F\\u4F1A\\u4FDD\\u6301\", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"\\u5411\\u524D\\u517C\\u5BB9\"), \"\\u3002\\u7531 1.x \\u5347\\u7EA7\\u5230 2.x \\u65F6\\uFF0C\\u4F1A\\u5305\\u542B breaking change\\uFF0C\\u5177\\u4F53\\u5347\\u7EA7\\u6CE8\\u610F\\u4E8B\\u9879\\u8BF7\\u67E5\\u9605\\u6587\\u6863\")), mdx(\"h4\", null, \"Semi \\u662F\\u5426\\u652F\\u6301 Tree Shaking\"), mdx(\"p\", null, \"Semi \\u6267\\u884C\\u53D1\\u5305\\u65F6\\uFF0C\\u53D1\\u5E03\\u7684\\u5176\\u5B9E\\u662F esModule \\u6E90\\u7801\\uFF0C\\u56E0\\u6B64\\u5929\\u7136\\u652F\\u6301 tree shaking\\uFF0C\\u4E0D\\u9700\\u8981\\u518D\\u8FDB\\u884C\\u989D\\u5916\\u7684\\u914D\\u7F6E; \\u7EC4\\u4EF6\\u7684 Scss \\u4E5F\\u662F\\u7531\\u7EC4\\u4EF6\\u7684 index.(j|t)sx \\u8D1F\\u8D23 import \\u7684\\uFF0C\\u56E0\\u6B64\\u6837\\u5F0F\\u4E5F\\u4F1A shaking\\u3002\\u7B80\\u5355\\u6765\\u8BF4\\uFF0C\\u53EA\\u6709\\u4F60\\u4F7F\\u7528\\u7684\\u7EC4\\u4EF6\\u4F1A\\u88AB\\u6253\\u5305\\u3002\"), mdx(\"h4\", null, \"\\u4E3A\\u4EC0\\u4E48 defaultValue\\u3001defaultXXX \\u4E0D\\u8D77\\u4F5C\\u7528\\uFF1F\"), mdx(\"p\", null, \"Semi \\u7EC4\\u4EF6\\u4E2D\\uFF0C\\u6240\\u6709\\u7684 defaultValue\\u3001defaultXXX \\u4F20\\u53C2\\u53EA\\u4F1A\\u5728\\u7EC4\\u4EF6\\u88AB mounted \\u65F6\\u8FDB\\u884C\\u6D88\\u8D39\\uFF08\\u5373\\u4EC5\\u6D88\\u8D39\\u4E00\\u6B21\\uFF09\\u3002\\u5982\\u679C\\u4F60\\u7684 defaultXXX \\u5C5E\\u6027\\u662F\\u540E\\u671F\\u8FDB\\u884C\\u5F02\\u6B65\\u66F4\\u65B0\\u7684\\uFF0C\\u7EC4\\u4EF6\\u4E0D\\u4F1A\\u91CD\\u65B0\\u8FDB\\u884C\\u6D88\\u8D39\\u8BE5\\u503C\\u3002\\u5982\\u6709\\u9700\\u8981\\uFF0C\\u4F60\\u5E94\\u8BE5\\u4F7F\\u7528\\u53D7\\u63A7\\u7684 value\\uFF0C\\u53D7\\u63A7\\u7684 xxx\\u3002\\u6216\\u8005\\u76F4\\u63A5\\u901A\\u8FC7\\u4F20\\u5165\\u4E00\\u4E2A\\u4E0D\\u4E00\\u6837\\u7684\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"key\"), \"\\u503C\\uFF0C\\u5F3A\\u5236 React \\u91CD\\u65B0\\u6302\\u8F7D\\u8BE5\\u7EC4\\u4EF6\\u3002\"), mdx(\"h4\", null, \"TS \\u7C7B\\u578B\\u68C0\\u67E5\\u62A5\\u9519\\uFF0C\\u63D0\\u793A xxx \\u4E0A\\u4E0D\\u5B58\\u5728\\u5C5E\\u6027 children \\u6216 XXX \\u4E0D\\u80FD\\u7528\\u4F5C JSX \\u7EC4\\u4EF6\"), mdx(\"p\", null, \"\\u8FD9\\u662F\\u7531\\u4E8E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"@types/react\"), \" v18 \\u8FDB\\u884C\\u4E86 breaking change\\uFF0C\\u5927\\u90E8\\u5206\\u60C5\\u51B5\\u4E0B\\u4F60\\u7684\\u9879\\u76EE\\u91CC\\u4F1A\\u5B89\\u88C5\\u4E86\\u4E24\\u4E2A\\u4E0D\\u540C\\u7248\\u672C\\u7684 @types/react\\uFF0C\\u5BFC\\u81F4\\u65E0\\u6CD5\\u5339\\u914D\\u3002\\u8BF7\\u53C2\\u8003 \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://github.com/DouyinFE/semi-design/issues/793\"\n  }, \"Issue 793\"), \" \\u9501\\u5B9A\\u7248\\u672C\\u786E\\u4FDD\\u53EA\\u6709\\u5355\\u4E2A\\u7248\\u672C\\u5B58\\u5728\"), mdx(\"h4\", null, \"\\u5B89\\u88C5\\u65B0\\u7248\\u672C Semi \\u540E\\uFF0C\\u63D0\\u793A can't resolve date-fns/esm/\", \"_\", \"libs/cloneObject.js \\u6216\\u5176\\u4ED6\\u6709 date-fns \\u76F8\\u5173\\u7684\\u4F9D\\u8D56\\u9519\\u8BEF\"), mdx(\"p\", null, \"\\u68C0\\u67E5\\u4E0B\\u9879\\u76EE\\u4E2D\\u7684 package-lock.json\\uFF0C\\u662F\\u5426\\u6709\\u5176\\u4ED6\\u5305\\u4F9D\\u8D56\\u4E86 date-fns\\uFF08\\u5927\\u6982\\u7387\\u662F 1.x \\u7684\\uFF09\\uFF0C\\u5BFC\\u81F4 semi \\u4F9D\\u8D56\\u58F0\\u660E\\u7684 date-fns 2.x \\u6CA1\\u6709\\u88AB\\u5B89\\u88C5\\u4E0A\\u3002\\u624B\\u52A8 install date-fns\\uFF0C\\u786E\\u4FDD\\u662F 2.x \\u7248\\u672C\\u7684\\u5373\\u53EF \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"npm install date-fns date-fns-tz\")), mdx(\"h4\", null, \"Semi \\u652F\\u6301 i18n \\u5417\\uFF1F\"), mdx(\"p\", null, \"Semi \\u76EE\\u524D\\u652F\\u6301 50+ \\u79CD\\u8BED\\u8A00\\uFF0C\\u5177\\u4F53\\u4F7F\\u7528\\u53EF\\u4EE5\\u67E5\\u9605 \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https:/lf3-static.semi.design/obj/semi-tos/semi_main/zh-CN/other/locale\"\n  }, \"Semi\\xB7LocaleProvider\")), mdx(\"h4\", null, \"Semi \\u7684\\u6837\\u5F0F\\u662F\\u57FA\\u4E8E Scss \\u8FD8\\u662F Less \\uFF1F\\u4E3A\\u4EC0\\u4E48\\u4E0D\\u7528 CSS Module\\uFF1F\"), mdx(\"p\", null, \"\\u6211\\u4EEC\\u7684\\u6837\\u5F0F\\u57FA\\u4E8E Scss\\uFF0C\\u4E0E\\u6B64\\u6211\\u4EEC\\u8FD8\\u4F7F\\u7528\\u4E86 CSS Variable \\u4F5C\\u4E3A\\u8272\\u76D8\\u53D8\\u91CF\\u3002\\u8272\\u76D8\\u53D8\\u91CF\\u548C\\u901A\\u7528\\u53D8\\u91CF\\u6302\\u8F7D\\u5728 body \\u4E0B\\u3002\\u4E0D\\u4F7F\\u7528 CSS Module \\u662F\\u56E0\\u4E3A\\u6211\\u4EEC\\u5E0C\\u671B\\u6709\\u56FA\\u5B9A\\u7684 className\\uFF0C\\u4E3A\\u4E1A\\u52A1\\u65B9\\u4FDD\\u7559\\u4FEE\\u6539/\\u8986\\u76D6 Semi \\u6837\\u5F0F\\u7684\\u80FD\\u529B\\uFF08\\u867D\\u7136\\u4E0D\\u63D0\\u5021\\uFF0C\\u4F46\\u6709\\u4E9B\\u4E1A\\u52A1\\u573A\\u666F\\u4E0B\\u786E\\u5B9E\\u9700\\u8981\\uFF09\"), mdx(\"h4\", null, \"\\u4E3A\\u4EC0\\u4E48 Tooltip content \\u914D\\u7F6E\\u5F88\\u957F\\u5F88\\u957F\\u7684\\u5185\\u5BB9\\u65F6\\uFF0C\\u67D0\\u4E9B\\u60C5\\u51B5\\u4E0B\\u5185\\u5BB9\\u4F1A\\u8D85\\u51FA\\u663E\\u793A\\u533A\\u57DF?\"), mdx(\"p\", null, \"\\u5728 v2.36.0 \\u7248\\u672C\\u4EE5\\u524D\\uFF0C\\u8003\\u8651\\u5230\\u4E0D\\u540C\\u8BED\\u8A00\\u5185\\u5BB9\\uFF08\\u7EAF\\u82F1\\u6587\\u3001\\u4E2D\\u6587\\u3001\\u4E2D\\u82F1\\u6587\\u6DF7\\u5408\\u3001\\u5176\\u4ED6\\u8BED\\u79CD\\u6DF7\\u5408\\uFF09\\u5BF9\\u6362\\u884C\\u7684\\u9700\\u6C42\\u4E0D\\u592A\\u4E00\\u81F4\\uFF0C\\u6240\\u4EE5\\u7EC4\\u4EF6\\u5C42\\u6CA1\\u6709\\u505A\\u8FD9\\u4E2A\\u9884\\u8BBE\\u3002\\u5728\\u63A5\\u6536\\u5230\\u8F83\\u591A\\u4F7F\\u7528\\u53CD\\u9988\\u540E\\uFF0C\\u81EA v2.36.0 \\u7248\\u672C\\uFF0CTooltip \\u5185\\u90E8\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"a\", {\n    href: \"https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap\",\n    target: \"_blank\",\n    rel: \"noopener noreferrer\"\n  }, \"word-wrap\"), \" \\u4E3A break-word \\u5904\\u7406\\u6587\\u672C\\u6362\\u884C\\u3002\\u5BF9\\u4E8E\\u4EFB\\u610F\\u7248\\u672C\\uFF0C\\u5982\\u679C\\u9ED8\\u8BA4\\u8BBE\\u7F6E\\u4E0D\\u7B26\\u5408\\u9884\\u671F\\uFF0C\\u4F7F\\u7528\\u65B9\\u90FD\\u53EF\\u4EE5\\u901A\\u8FC7 style/className API \\u8BBE\\u7F6E\\u6362\\u884C\\u76F8\\u5173 CSS \\u5C5E\\u6027\\u8FDB\\u884C\\u8C03\\u6574\\u3002\"), mdx(\"h4\", null, \"\\u6709\\u65B0\\u7EC4\\u4EF6\\u9700\\u6C42\\u3001\\u6216\\u8005\\u73B0\\u6709\\u7EC4\\u4EF6 Feature \\u4E0D\\u80FD\\u6EE1\\u8DB3\\u6211\\u7684\\u4E1A\\u52A1\\u9700\\u6C42\\uFF0C\\u8BE5\\u627E\\u8C01\\uFF1F\"), mdx(\"p\", null, \"\\u5728Github \\u63D0\\u4EA4 Issue\\uFF0C\\u63CF\\u8FF0\\u4F60\\u7684\\u9700\\u6C42\\u4EE5\\u53CA\\u4E1A\\u52A1\\u573A\\u666F\\uFF0CLabel \\u9009\\u62E9 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Feature Request\"), \" / \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"New Component Request\")), mdx(\"h4\", null, \"\\u5BF9\\u7EC4\\u4EF6\\u7684\\u4F7F\\u7528\\u6709\\u7591\\u60D1\\uFF1F\\u4E0D\\u77E5\\u9053\\u6709\\u6CA1\\u6709\\u80FD\\u6EE1\\u8DB3\\u4F60\\u4E1A\\u52A1\\u9700\\u6C42\\u573A\\u666F\\u7684\\u7EC4\\u4EF6\\uFF1F\"), mdx(\"p\", null, \"\\u6B22\\u8FCE\\u8FDB\\u6211\\u4EEC\\u7684 \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://bytedance.feishu.cn/docs/doccnw93Dujm3UCkHRDTMTm1qwe\"\n  }, \"\\u5BA2\\u670D\\u98DE\\u4E66 Lark \\u7FA4\"), \" \\u8FDB\\u884C\\u54A8\\u8BE2\\u63D0\\u95EE\\u3002\"), mdx(\"h4\", null, \"\\u5E0C\\u671B\\u81EA\\u5B9A\\u4E49\\u6EDA\\u52A8\\u6761\\u7684\\u6837\\u5F0F\\uFF1F\"), mdx(\"p\", null, \"\\u53EF\\u4EE5\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \".semi-light-scrollbar\"), \" \\u7C7B\\u540D\\uFF0C\\u4F1A\\u5BF9 webkit (chrome/safari) \\u7684\\u6D4F\\u89C8\\u5668\\u5E94\\u7528 Semi \\u7684\\u6EDA\\u52A8\\u6761\\u6837\\u5F0F\\u3002\\u8BE5\\u7C7B\\u540D\\u653E\\u5728\\u6700\\u5916\\u5C42\\u7684 DOM \\u5143\\u7D20\\u5373\\u53EF\\uFF0C\\u4F1A\\u5BF9\\u6240\\u6709\\u5B50\\u5143\\u7D20\\u751F\\u6548\\u3002\\u6CE8\\uFF1A\\u4F7F\\u7528\\u4E86\\u901A\\u914D\\u7B26\\uFF0C\\u53EF\\u80FD\\u4F1A\\u5BF9\\u6027\\u80FD\\u6709\\u5F71\\u54CD\\u3002\\u5176\\u4ED6\\u6D4F\\u89C8\\u5668\\u53EF\\u4EE5\\u53C2\\u8003\\u662F\\u5426\\u6709\\u76F8\\u5173\\u7684 css \\u5C5E\\u6027\\u652F\\u6301\\u6EDA\\u52A8\\u6761\\u7684\\u6837\\u5F0F\\u5B9A\\u5236\\u3002\"), mdx(\"h4\", null, \"\\u66F4\\u591A\\u7684 FAQ\"), mdx(\"p\", null, \"\\u8BF7\\u67E5\\u9605 \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://bytedance.feishu.cn/docs/doccnMRDbkhde6p3dMokfFpcNug\"\n  }, \"https://bytedance.feishu.cn/docs/doccnMRDbkhde6p3dMokfFpcNug\")));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"zh-CN/ecosystem/faq","next":{"fields":{"slug":"en-US/ecosystem/tailwind"},"id":"a6b65278-e6f2-5110-9ba6-e3ea26723e79","frontmatter":{"title":"With TailwindCSS","localeCode":"en-US","icon":"doc-tailwind","showNew":null}},"previous":{"fields":{"slug":"en-US/ecosystem/faq"},"id":"9cbd4d24-56de-5618-b904-11afb4824f11","frontmatter":{"title":"Frequently Asked Questions","localeCode":"en-US","icon":"doc-faq","showNew":null}}}},"staticQueryHashes":["1348983216229725","1477422646229725","3245198693229725","417590761229725","63159454229725"]}