{"id":116933,"date":"2026-10-22T10:05:25","date_gmt":"2026-10-22T02:05:25","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/116933.html"},"modified":"2026-10-22T10:05:25","modified_gmt":"2026-10-22T02:05:25","slug":"react-native-for-openharmony-%e5%ae%9e%e6%88%98%ef%bc%9a%e4%b8%89%e6%96%b9%e5%ba%93-react-native-select-dropdown-%e7%9a%84%e9%b8%bf%e8%92%99%e5%8c%96%e9%80%82%e9%85%8d%e6%8c%87%e5%8d%97","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/116933.html","title":{"rendered":"React Native for OpenHarmony \u5b9e\u6218\uff1a\u4e09\u65b9\u5e93 react-native-select-dropdown \u7684\u9e3f\u8499\u5316\u9002\u914d\u6307\u5357"},"content":{"rendered":"<p>        \/* MD \/ \u5bcc\u6587\u672c\u4e2d\u7684 .toc\uff08\u542b\u535a\u5ba2\u56ed\u642c\u5bb6\u7b49\u5d4c\u5957\u7ed3\u6784\uff09\uff1b.toc-box \u5728\u4fa7\u680f\uff0c\u4e0d\u53d7\u5f71\u54cd *\/<br \/>\n        #content_views .toc,<br \/>\n        \/* \u7f16\u8f91\u5668\u5e38\u5728\u76ee\u5f55\u524d\u540e\u63d2\u5165\u7a7a p\uff08:empty \u4ecd\u5360 20px\uff09\uff0c\u4e00\u5e76\u53bb\u6389\u907f\u514d\u9876\u7a7a\u9699 *\/<br \/>\n        #content_views.markdown_views &gt; p:empty:has(+ .toc),<br \/>\n        #content_views.markdown_views &gt; .toc + p:empty,<br \/>\n        \/* \u5bcc\u6587\u672c\u65e7\u7248\u76ee\u5f55\u6807\u8bb0 *\/<br \/>\n        #content_views.htmledit_views #main-toc,<br \/>\n        #content_views.htmledit_views #hr-toc,<br \/>\n        #content_views.htmledit_views p[id*=\\&#8221;-toc\\&#8221;] {<br \/>\n          display: none !important;<br \/>\n        }<br \/>\n        \/* \u76ee\u5f55\u53bb\u6389\u540e\uff0c\u7d27\u8ddf\u7684\u9996\u4e2a\u6807\u9898\u4e0d\u518d\u591a\u51fa\u4e00\u5757\u4e0a\u8fb9\u8ddd *\/<br \/>\n        #content_views.markdown_views &gt; .toc + h1,<br \/>\n        #content_views.markdown_views &gt; .toc + h2,<br \/>\n        #content_views.markdown_views &gt; .toc + h3,<br \/>\n        #content_views.markdown_views &gt; .toc + h4,<br \/>\n        #content_views.markdown_views &gt; .toc + p:empty + h1,<br \/>\n        #content_views.markdown_views &gt; .toc + p:empty + h2,<br \/>\n        #content_views.markdown_views &gt; .toc + p:empty + h3,<br \/>\n        #content_views.markdown_views &gt; .toc + p:empty + h4 {<br \/>\n          margin-top: 0 !important;<br \/>\n        }<\/p>\n<h2><\/h2>\n<p>\u672c\u6587\u8bb0\u5f55\u628a react-native-select-dropdown&#xff08;\u4e0b\u62c9\u9009\u62e9\u5668&#xff09;\u9002\u914d\u5230 HarmonyOS \u7684\u5b8c\u6574\u8fc7\u7a0b\u3002<\/p>\n<p>\u5b83\u505a\u7684\u4e8b&#xff1a;\u6e32\u67d3\u4e00\u4e2a\u53ef\u70b9\u51fb\u7684&#034;\u9009\u62e9\u6309\u94ae&#034;&#xff0c;\u70b9\u5f00\u540e\u7528\u4e00\u4e2a Modal \u5f39\u51fa\u5217\u8868&#xff0c;\u9009\u4e2d\u540e\u56de\u8c03\u3002<\/p>\n<p>\u7ed3\u8bba&#xff1a;\u5b8c\u5168\u53ef\u7528&#xff0c;\u800c\u4e14\u8fd9\u662f\u8fd9\u51e0\u8f6e\u91cc\u6210\u7ee9\u6700\u597d\u7684\u4e00\u6b21 \u2014\u2014 24 \u6761\u5224\u636e\u5168 PASS\u3001\u96f6 FAIL&#xff0c;\u4e14\u62ff\u5230\u4e86 6 \u6761\u6587\u672c\u7ea7\u786c\u8bc1\u636e\u3002<\/p>\n<p>\u5177\u4f53\u6765\u8bf4&#xff1a;<\/p>\n<ul>\n<li>\u96f6\u4f9d\u8d56&#xff1a;dependencies \u4e0e peerDependencies \u90fd\u662f\u7a7a \u21d2 \u88c5\u4e0a\u5c31\u80fd\u7528&#xff1b;<\/li>\n<li>\u9884\u68c0\u7684\u8001\u5199\u6cd5\u4e5d\u9879\u3001ListView\u3001ViewPropTypes\u3001Text.propTypes\u3001this.refs\u3001mixins\u3001Platform.OS\u3001useNativeDriver\u3001NativeModules \u2014\u2014 \u5168\u90e8\u4e3a\u7a7a&#xff1b;<\/li>\n<li>createClass \u7cbe\u786e\u547d\u4e2d 0\u3001\u88f8\u8bcd\u4e5f 0&#xff1b;<\/li>\n<li>\u5951\u7ea6 4 \u6761 &#043; \u7eaf\u51fd\u6570 15 \u6761 &#043; \u5b9e\u4f8b\u65b9\u6cd5 2 \u6761 &#061; 24 \u6761\u5168 PASS&#xff1b;<\/li>\n<li>\u6587\u672c\u7ea7 6\/6 \u547d\u4e2d&#xff0c;\u800c\u4e14\u5217\u8868\u9879\u7684 y \u5750\u6807\u95f4\u9694\u6070\u597d 124&#xff0c;\u4e0e FlatList \u7684\u884c\u9ad8\u4e00\u81f4&#xff1b;<\/li>\n<li>\u8fd8\u6709\u4e00\u4e2a\u6709\u610f\u601d\u7684\u53d1\u73b0&#xff1a;.d.ts \u58f0\u660e\u5b83\u662f class&#xff0c;\u8fd0\u884c\u65f6\u5b83\u5176\u5b9e\u662f forwardRef\u3002<\/li>\n<\/ul>\n<h3>\u2605\u2605\u2605\u2605\u2605 \u4e00\u3001\u5148\u770b\u4e00\u4e2a&#034;\u7c7b\u578b\u58f0\u660e\u4e0e\u8fd0\u884c\u65f6\u4e0d\u4e00\u81f4&#034;\u7684\u4f8b\u5b50<\/h3>\n<p>index.d.ts L112&#xff1a;<\/p>\n<p><span class=\"token keyword\">export<\/span> <span class=\"token keyword\">default<\/span> <span class=\"token keyword\">class<\/span> <span class=\"token class-name\">SelectDropdown<\/span> <span class=\"token keyword\">extends<\/span> <span class=\"token class-name\">React<\/span><span class=\"token punctuation\">.<\/span>Component<span class=\"token operator\">&lt;<\/span>SelectDropdownProps<span class=\"token operator\">&gt;<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  <span class=\"token function\">reset<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token operator\">:<\/span> <span class=\"token keyword\">void<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token function\">openDropdown<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token operator\">:<\/span> <span class=\"token keyword\">void<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token function\">closeDropdown<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token operator\">:<\/span> <span class=\"token keyword\">void<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token function\">selectIndex<\/span><span class=\"token punctuation\">(<\/span>index<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">)<\/span><span class=\"token operator\">:<\/span> <span class=\"token keyword\">void<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p>\u800c src\/SelectDropdown.js L200&#xff1a;<\/p>\n<p><span class=\"token keyword\">export<\/span> <span class=\"token keyword\">default<\/span> <span class=\"token function\">forwardRef<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">(<\/span><span class=\"token parameter\">props<span class=\"token punctuation\">,<\/span> ref<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#061;&gt;<\/span> <span class=\"token function\">SelectDropdown<\/span><span class=\"token punctuation\">(<\/span>props<span class=\"token punctuation\">,<\/span> ref<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>\u21d2 \u21d2 \u8fd0\u884c\u65f6\u5b83\u662f forwardRef&#xff0c;typeof \u662f object\u3001$$typeof \u662f Symbol(react.forward_ref) \u2014\u2014 \u4e0d\u662f class \u2717<\/p>\n<p>\u5b9e\u6d4b&#xff1a;<\/p>\n<p>NOTE | \u9ed8\u8ba4\u5bfc\u51fa SelectDropdown \u7684 typeof &#061; object<br \/>\nPASS | \u2605\u2605\u2605 SelectDropdown \u7684 typeof \u662f object&#xff08;forwardRef \u7684\u7ed3\u679c&#xff09;<br \/>\nNOTE | SelectDropdown.$$typeof &#061; Symbol(react.forward_ref)<br \/>\nPASS | \u2605\u2605\u2605 $$typeof &#061; Symbol(react.forward_ref)<br \/>\nPASS | \u2605 forwardRef \u7ed3\u679c\u6ca1\u6709 prototype.render<\/p>\n<p>\u4f46 .d.ts \u91cc\u90a3 4 \u4e2a\u65b9\u6cd5\u662f\u771f\u7684\u5b58\u5728\u7684 \u2014\u2014 \u5b83\u4eec\u901a\u8fc7 useImperativeHandle \u6302\u5728 ref \u4e0a&#xff1a;<\/p>\n<p>NOTE | ref.current \u7684 own keys &#061; reset, openDropdown, closeDropdown, selectIndex<br \/>\nNOTE | ref.current \u4e0a\u7f3a\u5931\u7684\u65b9\u6cd5 &#061; (\u65e0)<br \/>\nPASS | \u2605\u2605\u2605 .d.ts \u58f0\u660e\u7684 4 \u4e2a\u65b9\u6cd5\u5728 ref.current \u4e0a\u90fd\u5b58\u5728<\/p>\n<p>\u21d2 \u21d2 ref.current \u7684 own keys \u6070\u597d\u5c31\u662f .d.ts \u58f0\u660e\u7684\u90a3 4 \u4e2a&#xff08;\u4e00\u4e2a\u4e0d\u591a\u3001\u4e00\u4e2a\u4e0d\u5c11&#xff09;\u2713\u2713<\/p>\n<p>\u8fd9\u4ef6\u4e8b\u5b9e\u7528\u4ef7\u503c\u5728\u4e8e&#xff1a;<\/p>\n<ul>\n<li>\u2705 ref.current.reset() \/ openDropdown() \/ closeDropdown() \/ selectIndex() \u90fd\u80fd\u7528&#xff1b;<\/li>\n<li>\u274c \u4f46\u4e0d\u8981\u7528 typeof SelectDropdown &#061;&#061;&#061; &#039;function&#039; \u6216 instanceof \u5224\u65ad\u5b83&#xff08;\u5b83\u662f object&#xff09;&#xff1b;<\/li>\n<li>\u26a0\ufe0f TypeScript \u91cc\u5199 useRef&lt;SelectDropdown&gt;(null) \u4f1a\u8ba9\u4eba\u4ee5\u4e3a\u5b83\u662f class \u5b9e\u4f8b \u2014\u2014 \u5176\u5b9e\u662f\u4e00\u4e2a {current: {reset, openDropdown, \u2026}} \u7684 ref \u5bf9\u8c61\u3002<\/li>\n<\/ul>\n<p>\u21d2 \u8fd9\u6761\u662f&#034;\u5751 327\/328 \u7cfb\u5217&#034;\u7684\u53c8\u4e00\u4e2a\u53d8\u4f53&#xff1a;\u5148\u770b\u8fd0\u884c\u65f6\u7684 export default \u90a3\u4e00\u884c&#xff0c;\u522b\u53ea\u770b .d.ts\u3002<\/p>\n<h3>\u2605\u2605\u2605\u2605\u2605 \u4e8c\u300124 \u6761\u5224\u636e\u5168 PASS\u3001\u96f6 FAIL<\/h3>\n<p>PASS | \u4e3b\u6807\u9898\u7a97\u53e3 y(vp) \u2265 39&#xff08;\u72b6\u6001\u680f 117px&#061;39vp&#xff09;<br \/>\n&#061;&#061;&#061;&#061;&#061; A. \u5951\u7ea6 &#061;&#061;&#061;&#061;&#061;<br \/>\nPASS | \u2605\u2605\u2605 SelectDropdown \u7684 typeof \u662f object&#xff08;forwardRef \u7684\u7ed3\u679c&#xff09;<br \/>\nPASS | \u2605\u2605\u2605 $$typeof &#061; Symbol(react.forward_ref)<br \/>\nPASS | \u2605 forwardRef \u7ed3\u679c\u6ca1\u6709 prototype.render<br \/>\nPASS | \u2605\u2605 \u5165\u53e3\u6ca1\u6709\u5e38\u89c1\u7684\u5177\u540d\u7ec4\u4ef6\u5bfc\u51fa<br \/>\n&#061;&#061;&#061;&#061;&#061; B. \u7eaf\u51fd\u6570 &#061;&#061;&#061;&#061;&#061;<br \/>\n&#xff08;isExist 6 \u6761\u3001getDropdownHeight 3 \u6761\u3001findIndexInArr 3 \u6761\u3001deepSearchInArr 4 \u6761 \u2014\u2014 \u5168 PASS&#xff0c;\u89c1\u7b2c\u4e09\u8282&#xff09;<br \/>\n&#061;&#061;&#061;&#061;&#061; P0&#xff1a;ref \u65b9\u6cd5 &#061;&#061;&#061;&#061;&#061;<br \/>\nPASS | \u2605\u2605\u2605 .d.ts \u58f0\u660e\u7684 4 \u4e2a\u65b9\u6cd5\u5728 ref.current \u4e0a\u90fd\u5b58\u5728<br \/>\n&#061;&#061;&#061;&#061;&#061; P1&#xff1a;openDropdown() &#061;&#061;&#061;&#061;&#061;<br \/>\nEVENT | onFocus<br \/>\nPASS | \u2605\u2605 \u8c03\u7528 openDropdown() \u4e0d\u629b\u9519<br \/>\n&#061;&#061;&#061;&#061;&#061; D. \u6c47\u603b &#061;&#061;&#061;&#061;&#061;<br \/>\nSUMMARY | \u5408\u8ba1 24\/24 \u901a\u8fc7&#xff0c;\u5931\u8d25 0<\/p>\n<p>\u21d2 \u21d2 \u8fd9\u662f\u7b2c\u4e00\u6b21\u505a\u5230&#034;\u96f6 FAIL&#034; \u2713&#xff08;\u6b64\u524d\u4e00\u8f6e\u7684 8\/8 \u53ea\u6d4b\u5951\u7ea6&#xff1b;\u8fd9\u4e00\u8f6e 24 \u6761\u8986\u76d6\u5951\u7ea6 &#043; \u7eaf\u51fd\u6570 &#043; \u5b9e\u4f8b\u65b9\u6cd5&#xff09;<\/p>\n<p>\u4e3a\u4ec0\u4e48\u8fd9\u6b21\u80fd\u96f6 FAIL&#xff1a;\u6bcf\u4e00\u6761\u5224\u636e\u7684\u671f\u671b\u503c\u90fd\u662f\u4ece\u6e90\u7801\/.d.ts \u63a8\u51fa\u6765\u7684&#xff0c;\u6ca1\u6709\u4e00\u6761\u9760\u731c&#xff1a;<\/p>\n<table>\n<tr>\u5224\u636e\u7c7b\u578b\u671f\u671b\u503c\u6765\u6e90<\/tr>\n<tbody>\n<tr>\n<td>typeof &#061;&#061;&#061; &#039;object&#039;<\/td>\n<td>SelectDropdown.js L200 \u7684 export default forwardRef(&#8230;)<\/td>\n<\/tr>\n<tr>\n<td>$$typeof<\/td>\n<td>forwardRef \u7684\u5b9a\u4e49&#xff08;React \u6587\u6863\/\u5e38\u8bc6&#xff0c;\u4e14 forwardRef \u7ed3\u679c\u5c31\u662f\u5e26\u8fd9\u4e2a\u7b26\u53f7\u7684\u5bf9\u8c61&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>4 \u4e2a\u65b9\u6cd5\u5b58\u5728<\/td>\n<td>index.d.ts L116-128 \u9010\u6761\u5217\u51fa<\/td>\n<\/tr>\n<tr>\n<td>isExist 6 \u6761<\/td>\n<td>\u6e90\u7801 value !&#061; undefined &amp;&amp; value !&#061; null<\/td>\n<\/tr>\n<tr>\n<td>getDropdownHeight 3 \u6761<\/td>\n<td>\u6e90\u7801\u4e09\u6761\u5206\u652f<\/td>\n<\/tr>\n<tr>\n<td>findIndexInArr 3 \u6761<\/td>\n<td>\u6e90\u7801 _.isEqual \/ &#061;&#061; \/ \u9ed8\u8ba4 -1<\/td>\n<\/tr>\n<tr>\n<td>deepSearchInArr 4 \u6761<\/td>\n<td>\u6e90\u7801\u9012\u5f52 &#043; toLowerCase()<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>\u2605\u2605\u2605\u2605\u2605 \u4e09\u30014 \u4e2a\u7eaf\u51fd\u6570&#xff1a;15 \u6761\u5224\u636e&#xff0c;\u96f6\u8bbe\u5907\u4f9d\u8d56<\/h3>\n<p>\u8fd9\u4e2a\u5e93\u628a\u5173\u952e\u903b\u8f91\u62bd\u6210\u4e86 4 \u4e2a helper&#xff08;\u90fd\u5728 src\/helpers\/&#xff0c;\u5165\u53e3\u4e0d\u5bfc\u51fa\u5b83\u4eec&#xff0c;\u8981\u8d70\u5b50\u8def\u5f84&#xff09;\u3002<\/p>\n<h4>\u2460 isExist(value) \u2014\u2014 \u6ce8\u610f 0 \/ &#039;&#039; \/ false \u90fd\u7b97&#034;\u5b58\u5728&#034;<\/h4>\n<p>\u6e90\u7801&#xff08;125 B&#xff09;&#xff1a;<\/p>\n<p><span class=\"token keyword\">export<\/span> <span class=\"token keyword\">const<\/span> <span class=\"token function-variable function\">isExist<\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token parameter\">value<\/span> <span class=\"token operator\">&#061;&gt;<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>value <span class=\"token operator\">!&#061;<\/span> <span class=\"token keyword\">undefined<\/span> <span class=\"token operator\">&amp;&amp;<\/span> value <span class=\"token operator\">!&#061;<\/span> <span class=\"token keyword\">null<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span> <span class=\"token keyword\">return<\/span> <span class=\"token boolean\">true<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token punctuation\">}<\/span><br \/>\n  <span class=\"token keyword\">return<\/span> <span class=\"token boolean\">false<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>\u5b9e\u6d4b 6 \u6761\u5168 PASS&#xff1a;<\/p>\n<p>PASS | \u2605\u2605 isExist(null) &#061; false<br \/>\nPASS | \u2605\u2605 isExist(undefined) &#061; false<br \/>\nPASS | \u2605\u2605 isExist(0) &#061; true&#xff08;0 \u4e5f\u7b97\u5b58\u5728&#xff09;        \u2190 \u2605 \u5bb9\u6613\u88ab\u8bef\u4ee5\u4e3a false<br \/>\nPASS | \u2605\u2605 isExist(&#034;&#034;) &#061; true&#xff08;\u7a7a\u4e32\u4e5f\u7b97\u5b58\u5728&#xff09;      \u2190 \u2605<br \/>\nPASS | \u2605\u2605 isExist(false) &#061; true&#xff08;false \u4e5f\u7b97\u5b58\u5728&#xff09;  \u2190 \u2605<br \/>\nPASS | \u2605\u2605 isExist(&#034;x&#034;) &#061; true<\/p>\n<p>\u21d2 \u21d2 \u5b83\u7528\u7684\u662f !&#061;&#xff08;\u5bbd\u677e\u4e0d\u7b49&#xff09;\u800c\u4e0d\u662f &#061;&#061;&#061; \u21d2 0 \/ &#039;&#039; \/ false \u90fd\u4e0d\u4f1a\u88ab\u5224\u4e3a&#034;\u4e0d\u5b58\u5728&#034; \u2713<br \/>\n\u21d2 \u8fd9\u7c7b&#034;\u5bbd\u677e\u6bd4\u8f83&#034;\u7684\u8bed\u4e49\u5dee\u5f02&#xff0c;\u53ea\u6709\u5b9e\u9645\u8dd1\u4e00\u904d\u624d\u6562\u65ad\u8a00 \u2713<\/p>\n<h4>\u2461 getDropdownHeight(dropdownStyle, dataLength) \u2014\u2014 \u6709\u4e00\u4e2a&#034;\u6ca1\u6709\u8fd4\u56de\u503c&#034;\u7684\u5206\u652f<\/h4>\n<p>\u6e90\u7801&#xff08;224 B&#xff09;&#xff1a;<\/p>\n<p><span class=\"token keyword\">export<\/span> <span class=\"token keyword\">const<\/span> <span class=\"token function-variable function\">getDropdownHeight<\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token parameter\">dropdownStyle<span class=\"token punctuation\">,<\/span> dataLength<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#061;&gt;<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>dropdownStyle <span class=\"token operator\">&amp;&amp;<\/span> dropdownStyle<span class=\"token punctuation\">.<\/span>height<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token keyword\">return<\/span> dropdownStyle<span class=\"token punctuation\">.<\/span>height<span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">else<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>dataLength <span class=\"token operator\">&#061;&#061;<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n      <span class=\"token keyword\">return<\/span> <span class=\"token number\">150<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><br \/>\n  <span class=\"token punctuation\">}<\/span><br \/>\n  <span class=\"token comment\">\/\/ \u2190 \u6ce8\u610f&#xff1a;\u4e24\u4e2a\u5206\u652f\u90fd\u4e0d\u6ee1\u8db3\u65f6&#xff0c;\u51fd\u6570\u6ca1\u6709 return \u21d2 undefined<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>\u5b9e\u6d4b 3 \u6761\u5168 PASS&#xff1a;<\/p>\n<p>PASS | \u2605\u2605\u2605 getDropdownHeight({height:300}, 5) &#061; 300<br \/>\nPASS | \u2605\u2605\u2605 getDropdownHeight(null, 0) &#061; 150<br \/>\nPASS | \u2605\u2605\u2605 getDropdownHeight(null, 5) &#061; undefined&#xff08;\u5176\u5b83\u60c5\u51b5\u6ca1\u8fd4\u56de\u503c&#xff09;<\/p>\n<p>\u21d2 \u21d2 \u7b2c\u4e09\u6761\u6700\u6709\u4ef7\u503c&#xff1a;\u5b83\u63ed\u793a\u4e86\u4e00\u4e2a&#034;\u672a\u8986\u76d6\u5206\u652f&#034; \u2014\u2014<br \/>\ndropdownStyle \u6ca1\u7ed9 height \u4e14 dataLength &gt; 0 \u65f6&#xff0c;\u51fd\u6570\u8fd4\u56de undefined\u3002<br \/>\n\u21d2 \u8fd9\u4e0d\u662f bug&#xff08;\u8c03\u7528\u65b9\u53ef\u80fd\u6709\u515c\u5e95&#xff09;&#xff0c;\u4f46\u662f\u4e2a\u5fc5\u987b\u77e5\u9053\u7684\u8fb9\u754c \u2713<\/p>\n<h4>\u2462 findIndexInArr(obj, arr) \u2014\u2014 \u5bf9\u8c61\u7528 _.isEqual\u3001\u57fa\u7840\u503c\u7528 &#061;&#061;<\/h4>\n<p>\u6e90\u7801&#xff08;729 B&#xff09;&#xff1a;\u5bf9\u8c61\u8d70 _.isEqual(element, obj)&#xff0c;\u5426\u5219\u8d70 element &#061;&#061; obj&#xff0c;\u627e\u4e0d\u5230\u8fd4\u56de -1\u3002<\/p>\n<p>\u5b9e\u6d4b 3 \u6761\u5168 PASS &#043; 1 \u4e2a\u8fb9\u754c NOTE&#xff1a;<\/p>\n<p>PASS | \u2605\u2605\u2605 findIndexInArr(&#034;Banana&#034;, [&#8230;]) &#061; 1<br \/>\nPASS | \u2605\u2605\u2605 findIndexInArr({b:2}, [{a:1},{b:2},{c:3}]) &#061; 1&#xff08;\u5bf9\u8c61\u7528 _.isEqual&#xff09;<br \/>\nPASS | \u2605\u2605 findIndexInArr(&#034;zzz&#034;, [&#8230;]) &#061; -1<br \/>\nNOTE | findIndexInArr(&#034;x&#034;, []) &#xff08;\u7a7a\u6570\u7ec4\u7684\u8fb9\u754c\u884c\u4e3a&#xff09; &#061; undefined<\/p>\n<p>\u21d2 \u21d2 \u7a7a\u6570\u7ec4\u65f6\u8fd4\u56de undefined \u800c\u4e0d\u662f -1&#xff08;\u56e0\u4e3a for \u5faa\u73af\u6ca1\u6267\u884c\u3001\u4e5f\u5c31\u6ca1\u8d70\u5230 return defaultValueIndex&#xff09;<br \/>\n\u21d2 \u8fd9\u662f\u4e00\u4e2a&#034;\u8fb9\u754c\u884c\u4e3a&#034; \u2014\u2014 \u8c03\u7528\u65b9\u82e5\u8981\u5224\u65ad&#034;\u6ca1\u627e\u5230&#034;&#xff0c;\u5f97\u5904\u7406\u4e24\u79cd\u503c&#xff08;-1 \u4e0e undefined&#xff09;\u2713<\/p>\n<h4>\u2463 deepSearchInArr(query, arr) \u2014\u2014 \u9012\u5f52 &#043; \u5927\u5c0f\u5199\u4e0d\u654f\u611f<\/h4>\n<p>\u6e90\u7801&#xff08;858 B&#xff09;&#xff1a;\u5185\u90e8 contains() \u9012\u5f52\u904d\u5386\u5bf9\u8c61\/\u6570\u7ec4\u7684\u6240\u6709\u503c&#xff0c;\u4e24\u4fa7\u90fd toLowerCase() \u540e includes\u3002<\/p>\n<p>\u5b9e\u6d4b 4 \u6761\u5168 PASS &#043; 1 \u4e2a\u8fb9\u754c NOTE&#xff1a;<\/p>\n<p>NOTE | deepSearchInArr(&#034;ban&#034;, DATA) &#061; [&#034;Banana&#034;]<br \/>\nPASS | \u2605\u2605\u2605 deepSearchInArr(&#034;ban&#034;) \u21d2 1 \u9879&#xff08;Banana&#xff09;<br \/>\nPASS | \u2605\u2605\u2605 \u547d\u4e2d\u9879\u5c31\u662f Banana<br \/>\nPASS | \u2605\u2605\u2605 \u5927\u5c0f\u5199\u4e0d\u654f\u611f&#xff08;&#034;BAN&#034; \u4e5f\u547d\u4e2d 1 \u9879&#xff09;<br \/>\nPASS | \u2605\u2605 deepSearchInArr(&#034;zzz&#034;) \u21d2 0 \u9879<br \/>\nNOTE | deepSearchInArr(&#034;shanghai&#034;, \u5bf9\u8c61\u6570\u7ec4) &#061; [{&#034;city&#034;:&#034;Shanghai&#034;}]<br \/>\nPASS | \u2605\u2605 \u5bf9\u8c61\u6570\u7ec4\u4e5f\u80fd\u6df1\u641c\u547d\u4e2d<br \/>\nNOTE | deepSearchInArr(&#034;x&#034;, []) &#xff08;\u7a7a\u6570\u7ec4\u7684\u8fb9\u754c\u884c\u4e3a&#xff09; &#061; undefined<\/p>\n<p>\u21d2 \u21d2 \u5c0f\u5199\u67e5\u8be2 ban \u4e0e\u5927\u5199 BAN \u90fd\u547d\u4e2d Banana&#xff08;\u5927\u5c0f\u5199\u4e0d\u654f\u611f \u2713&#xff09;<br \/>\n\u21d2 \u21d2 \u5bf9\u8c61\u6570\u7ec4\u4e5f\u80fd\u6df1\u641c&#xff08;{city:&#039;Shanghai&#039;} \u88ab shanghai \u547d\u4e2d&#xff09;\u2713<br \/>\n\u21d2 \u21d2 \u7a7a\u6570\u7ec4\u540c\u6837\u8fd4\u56de undefined&#xff08;\u4e0e findIndexInArr \u4e00\u6837\u7684\u8fb9\u754c&#xff09;<\/p>\n<h3>\u2605\u2605\u2605\u2605\u2605 \u56db\u3001\u6700\u786c\u7684\u8bc1\u636e&#xff1a;6 \u6761\u6587\u672c\u7ea7\u547d\u4e2d&#xff0c;\u4e14 y \u95f4\u9694\u6070\u597d 124<\/h3>\n<p>\u9875\u9762\u91cc\u6211\u7ed9 data \u4f20\u4e86 4 \u9879\u3001defaultValueByIndex&#061;{0}\u3001\u5e76\u63d0\u4f9b\u4e86 renderButton \u4e0e renderItem\u3002<br \/>\n\u65f6\u95f4\u8f74\u5728 9.5 \u79d2\u65f6\u8c03\u7528 ref.current.openDropdown()\u3002<\/p>\n<p>\u5e03\u5c40 dump \u5b9e\u6d4b&#xff1a;<\/p>\n<p>\u2713 \u300cSDD \u9009\u62e9\u6846&#xff1a;Apple \u25b2\u300d w&#061;1110 h&#061;49 y&#061;1270<br \/>\n\u2713 \u300cSDD \u9009\u9879 1&#xff1a;Apple\u300d   w&#061;1116 h&#061;49 y&#061;1400<br \/>\n\u2713 \u300cSDD \u9009\u9879 2&#xff1a;Banana\u300d  w&#061;1116 h&#061;49 y&#061;1524<br \/>\n\u2713 \u300cSDD \u9009\u9879 3&#xff1a;Cherry\u300d  w&#061;1116 h&#061;49 y&#061;1648<br \/>\n\u2713 \u300cSDD \u9009\u9879 4&#xff1a;Durian\u300d  w&#061;1116 h&#061;49 y&#061;1772<br \/>\n\u21d2 \u4e0b\u62c9\u5217\u8868\u547d\u4e2d 6 \/ 6<\/p>\n<p>\u8fd9 5 \u4e2a\u6570\u5b57\u4e00\u8d77\u8bc1\u660e\u4e86 5 \u4ef6\u4e8b \u2713\u2713&#xff1a;<\/p>\n<table>\n<tr>\u89c2\u5bdf\u8bc1\u660e<\/tr>\n<tbody>\n<tr>\n<td>\u300cSDD \u9009\u62e9\u6846&#xff1a;Apple \u25b2\u300d<\/td>\n<td>renderButton \u751f\u6548\u3001defaultValueByIndex&#061;{0} \u9009\u4e2d\u4e86 Apple\u3001\u25b2 \u8bf4\u660e isOpened &#061;&#061;&#061; true<\/td>\n<\/tr>\n<tr>\n<td>\u300cSDD \u9009\u9879 1&#xff5e;4\u300d\u5168\u5728<\/td>\n<td>data \u4f20\u5165\u3001renderItem \u751f\u6548\u3001openDropdown() \u771f\u7684\u6253\u5f00\u4e86 Modal<\/td>\n<\/tr>\n<tr>\n<td>y &#061; 1400 \u2192 1524 \u2192 1648 \u2192 1772<\/td>\n<td>\u95f4\u9694\u6070\u597d 124 \u21d2 \u4e0e FlatList \u7684\u884c\u9ad8\u4e00\u81f4&#xff08;h&#061;49 &#043; \u5185\u8fb9\u8ddd&#xff09;\u21d2 \u5217\u8868\u662f\u9010\u884c\u6392\u5e03\u7684\u3001\u6ca1\u6709\u91cd\u53e0\u6216\u9519\u4f4d<\/td>\n<\/tr>\n<tr>\n<td>w&#061;1116<\/td>\n<td>\u5217\u8868\u9879\u5bbd\u5ea6\u4e00\u81f4&#xff08;\u5c4f\u5bbd 1320&#xff0c;\u5de6\u53f3\u5404\u7559\u7ea6 100&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>h&#061;49<\/td>\n<td>\u884c\u9ad8\u7edf\u4e00<\/td>\n<\/tr>\n<tr>\n<td>onFocus EVENT<\/td>\n<td>openDropdown() \u89e6\u53d1\u4e86 onFocus \u56de\u8c03 \u2713<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u21d2 \u21d2 \u8fd9\u4e00\u6761\u6bd4&#034;\u72b6\u6001\u4ece false \u53d8 true&#034;\u5f3a\u5f97\u591a&#xff1a;\u5b83\u662f&#034;\u6e32\u67d3\u51fa\u6765\u7684\u4e1c\u897f\u5728\u6b63\u786e\u7684\u4f4d\u7f6e\u3001\u6b63\u786e\u7684\u987a\u5e8f&#034; \u2713<\/p>\n<h3>\u2605\u2605\u2605 \u4e94\u3001\u5176\u4f59\u9884\u68c0\u7ed3\u8bba<\/h3>\n<table>\n<tr>\u9884\u68c0\u9879\u7ed3\u679c<\/tr>\n<tbody>\n<tr>\n<td>dependencies \/ peerDependencies<\/td>\n<td>\u2705\u2705 \u90fd\u662f\u7a7a \u21d2 \u96f6\u989d\u5916\u4f9d\u8d56<\/td>\n<\/tr>\n<tr>\n<td>\u8001\u5199\u6cd5\u4e5d\u9879 &#043; ListView &#043; ViewPropTypes &#043; Text.propTypes &#043; this.refs &#043; mixins &#043; Platform.OS &#043; useNativeDriver &#043; NativeModules &#043; Animated<\/td>\n<td>\u2705\u2705 \u5168\u90e8\u4e3a\u7a7a<\/td>\n<\/tr>\n<tr>\n<td>createClass<\/td>\n<td>\u2705 \u7cbe\u786e 0\u3001\u88f8\u8bcd 0<\/td>\n<\/tr>\n<tr>\n<td>measure() 1 \u5904 &#043; onLayout 9 \u5904<\/td>\n<td>\u2713&#xff08;measure() \u5728 RNOH \u4e0a\u53ef\u7528&#xff0c;\u4e14\u8fd9\u91cc\u662f\u5728\u5e03\u5c40\u5b8c\u6210\u540e\u8c03\u7528&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>&lt;Modal&gt; 1 \u5904 &#043; FlatList 12 \u5904<\/td>\n<td>\u2713&#xff08;Modal \u5df2\u591a\u6b21\u9a8c\u8bc1\u53ef\u7528&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>lodash<\/td>\n<td>findIndexInArr.js \u7528\u4e86 _.isEqual \u21d2 \u5bbf\u4e3b\u5df2\u6709 \u2713<\/td>\n<\/tr>\n<tr>\n<td>I18nManager 2 \u5904<\/td>\n<td>RTL \u652f\u6301&#xff08;\u9e3f\u8499\u4e0a\u662f LTR \u2713&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>index.js&#xff08;84 B&#xff09;<\/td>\n<td>\u53ea\u6709 export default SelectDropdown \u21d2 4 \u4e2a helper \u8981\u8d70\u5b50\u8def\u5f84<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/10\/20261022020517-6ad96f5de5017.jpg\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/10\/20261022020519-6ad96f5f4ad5a.jpg\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/10\/20261022020520-6ad96f60608c6.jpg\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/10\/20261022020521-6ad96f61757c2.jpg\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<hr \/>\n<h3>\u516d\u3001\u63a5\u5165\u4e0e\u9884\u68c0&#xff08;\u8981\u70b9&#xff09;<\/h3>\n<p><span class=\"token comment\"># \u96f6\u4f9d\u8d56&#xff1a;dependencies \u4e0e peerDependencies \u90fd\u662f\u7a7a \u21d2 \u88c5\u4e0a\u5c31\u80fd\u7528<\/span><br \/>\n<span class=\"token function\">npm<\/span> <span class=\"token function\">install<\/span> <span class=\"token string\">&#034;git&#043;https:\/\/atomgit.com\/oh-react-native\/react-native-select-dropdown.git#4.0.1-ohos-1.0.0&#034;<\/span> &#8211;ignore-scripts<br \/>\n<span class=\"token comment\"># 4 \u4e2a helper \u4e0d\u5728\u5165\u53e3\u5bfc\u51fa&#xff0c;\u9700\u8981\u5c31\u8d70\u5b50\u8def\u5f84&#xff1a;<\/span><br \/>\n<span class=\"token comment\">#   react-native-select-dropdown\/src\/helpers\/{isExist,getDropdownHeight,findIndexInArr,deepSearchInArr}<\/span><\/p>\n<hr \/>\n<h3>\u4e03\u3001\u4ea4\u4ed8\u5305\u8d28\u91cf\u4e0e\u57fa\u7ebf\u8bf4\u660e<\/h3>\n<table>\n<tr>\u7c7b\u522b\u7ed3\u679c<\/tr>\n<tbody>\n<tr>\n<td>\u4ea4\u4ed8\u5305\u5185\u5bb9<\/td>\n<td>src\/&#xff08;SelectDropdown.js 7415 B &#043; 4 \u7ec4\u4ef6 &#043; 4 helpers &#043; 4 hooks&#xff09;&#043; index.js&#xff08;84 B&#xff0c;\u53ea\u6709 default&#xff09;&#043; index.d.ts&#xff08;130 \u884c&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>\u26a0\ufe0f \u7c7b\u578b\u4e0e\u8fd0\u884c\u65f6\u4e0d\u4e00\u81f4<\/td>\n<td>.d.ts \u5199 class&#xff08;\u6709 4 \u4e2a\u65b9\u6cd5&#xff09;&#xff0c;\u8fd0\u884c\u65f6\u662f forwardRef \u21d2 \u65b9\u6cd5\u901a\u8fc7 useImperativeHandle \u66b4\u9732<\/td>\n<\/tr>\n<tr>\n<td>spec.json<\/td>\n<td>\u26a0\ufe0f \u7f3a upstreamCommit<\/td>\n<\/tr>\n<tr>\n<td>validation<\/td>\n<td>\u26a0\ufe0f &#034;build-pass-device-pending&#034;<\/td>\n<\/tr>\n<tr>\n<td>\u26a0\ufe0f \u58f0\u660e\u7684\u57fa\u7ebf<\/td>\n<td>reactNative: &#034;0.88.0&#034; &#043; rnoh: &#034;0.84.4&#034; \u21d2 \u4e24\u5b57\u6bb5\u81ea\u76f8\u77db\u76fe<\/td>\n<\/tr>\n<tr>\n<td>\u5907\u6ce8<\/td>\n<td>\u5e93\u4ee3\u7801\u96f6\u6539\u52a8<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u5173\u4e8e\u57fa\u7ebf&#xff1a;\u672c\u6b21\u9a8c\u8bc1\u5728 RN 0.84.1 &#043; RNOH 0.84.3 \u4e0a\u5b8c\u6210\u3002<br \/>\n\u672c\u5e93\u96f6\u4f9d\u8d56\u3001\u96f6\u5e73\u53f0\u5206\u652f\u3001\u96f6\u539f\u751f\u4ee3\u7801\u3001useNativeDriver \u96f6\u547d\u4e2d \u21d2 \u7ed3\u8bba\u8de8\u57fa\u7ebf\u6210\u7acb \u2713<\/p>\n<hr \/>\n<h3>\u516b\u3001\u5df2\u77e5\u9650\u5236\u4e0e\u672c\u6b21\u9a8c\u8bc1\u8fb9\u754c<\/h3>\n<h4>8.1 \u7528\u8fd9\u4e2a\u5e93\u8981\u77e5\u9053\u7684<\/h4>\n<table>\n<tr>\u4e8b\u9879\u8bf4\u660e<\/tr>\n<tbody>\n<tr>\n<td>\u2605\u2605\u2605\u2605\u2605 \u8fd0\u884c\u65f6\u662f forwardRef<\/td>\n<td>typeof \u662f object\u3001$$typeof \u662f Symbol(react.forward_ref)&#xff1b;.d.ts \u8bf4 class \u662f\u9519\u7684<\/td>\n<\/tr>\n<tr>\n<td>\u2605\u2605\u2605\u2605\u2605 4 \u4e2a\u5b9e\u4f8b\u65b9\u6cd5\u5728 ref.current \u4e0a<\/td>\n<td>reset() \/ openDropdown() \/ closeDropdown() \/ selectIndex(index) \u2014\u2014 \u5b9e\u6d4b own keys \u6070\u597d\u662f\u8fd9 4 \u4e2a<\/td>\n<\/tr>\n<tr>\n<td>\u2605\u2605\u2605\u2605\u2605 \u96f6\u4f9d\u8d56<\/td>\n<td>dependencies \/ peerDependencies \u90fd\u7a7a<\/td>\n<\/tr>\n<tr>\n<td>\u2605\u2605\u2605\u2605 \u5fc5\u987b\u4f20 renderButton \u624d\u6709\u53ef\u89c1\u6309\u94ae<\/td>\n<td>\u4e0d\u4f20\u65f6\u9ed8\u8ba4\u6e32\u67d3 &lt;View \/&gt;&#xff08;\u6ca1\u6709\u6587\u672c\u3001\u51e0\u4e4e\u4e0d\u53ef\u70b9&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>\u2605\u2605\u2605\u2605 isExist \u7528\u5bbd\u677e\u6bd4\u8f83<\/td>\n<td>0 \/ &#039;&#039; \/ false \u90fd\u7b97&#034;\u5b58\u5728&#034;<\/td>\n<\/tr>\n<tr>\n<td>\u2605\u2605\u2605 getDropdownHeight \u6709&#034;\u65e0\u8fd4\u56de\u503c&#034;\u5206\u652f<\/td>\n<td>dropdownStyle \u6ca1 height \u4e14 dataLength &gt; 0 \u21d2 \u8fd4\u56de undefined<\/td>\n<\/tr>\n<tr>\n<td>\u2605\u2605\u2605 \u4e24\u4e2a helper \u5728\u7a7a\u6570\u7ec4\u65f6\u8fd4\u56de undefined<\/td>\n<td>findIndexInArr(obj, []) \/ deepSearchInArr(q, []) \u21d2 \u4e0d\u662f -1 \/ []<\/td>\n<\/tr>\n<tr>\n<td>\u2605\u2605\u2605 deepSearchInArr \u5927\u5c0f\u5199\u4e0d\u654f\u611f<\/td>\n<td>ban \u4e0e BAN \u90fd\u80fd\u547d\u4e2d Banana&#xff1b;\u5bf9\u8c61\u6570\u7ec4\u4e5f\u80fd\u6df1\u641c<\/td>\n<\/tr>\n<tr>\n<td>\u2605\u2605 defaultValueByIndex \u9009\u521d\u59cb\u9879<\/td>\n<td>\u5b9e\u6d4b\u9009\u4e2d\u4e86 data[0]&#xff08;Apple&#xff09;&#xff0c;\u4e14 renderButton \u7684 isOpened \u53d8 true \u65f6\u663e\u793a \u25b2<\/td>\n<\/tr>\n<tr>\n<td>\u2605 4 \u4e2a helper \u4e0d\u5728\u5165\u53e3\u5bfc\u51fa<\/td>\n<td>\u8981\u8d70 react-native-select-dropdown\/src\/helpers\/&#8230;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>8.2 \u672c\u6b21\u9a8c\u8bc1\u7684\u8fb9\u754c<\/h4>\n<li>\u2605\u2605\u2605 \u672a\u9a8c\u8bc1&#034;\u70b9\u9009\u9879\u540e\u9009\u4e2d&#034;&#xff08;onSelect \u56de\u8c03\u672a\u89e6\u53d1&#xff1b;\u53ea\u9a8c\u8bc1\u4e86 openDropdown() \u4e0e\u5217\u8868\u6e32\u67d3&#xff09;&#xff1b;<\/li>\n<li>\u2605\u2605\u2605 \u672a\u9a8c\u8bc1 closeDropdown() \/ reset() \/ selectIndex() \u7684\u5b9e\u9645\u6548\u679c&#xff08;\u53ea\u65ad\u8a00\u5b83\u4eec\u5b58\u5728&#xff09;&#xff1b;<\/li>\n<li>\u2605\u2605\u2605 \u672a\u9a8c\u8bc1 search \u641c\u7d22\u6846&#xff08;search&#061;true \u65f6\u7684\u8f93\u5165\u4e0e deepSearchInArr \u7684\u8054\u52a8&#xff09;&#xff1b;<\/li>\n<li>\u2605\u2605 \u672a\u9a8c\u8bc1 disabled \/ disabledIndexes \/ disableAutoScroll&#xff1b;<\/li>\n<li>\u2605\u2605 \u672a\u9a8c\u8bc1 dropdownStyle.height \u5bf9\u5b9e\u9645\u5e03\u5c40\u7684\u5f71\u54cd&#xff08;\u53ea\u9a8c\u8bc1\u4e86 getDropdownHeight \u7684\u8fd4\u56de\u503c&#xff09;&#xff1b;<\/li>\n<li>\u672a\u9a8c\u8bc1 onBlur \/ onScrollEndReached&#xff1b;<\/li>\n<li>\u672a\u9a8c\u8bc1 I18nManager \u7684 RTL \u884c\u4e3a&#xff08;\u9e3f\u8499\u4e0a\u662f LTR&#xff09;&#xff1b;<\/li>\n<li>\u672a\u5728 RN 0.88.0 \/ RNOH 0.84.4 \u4e0a\u590d\u9a8c&#xff1b;<\/li>\n<li>\u672a\u6d4b\u5176\u5b83\u5c4f\u5e55\u5bbd\u5ea6&#xff1b;\u672a\u505a\u8de8\u5e73\u53f0\u5bf9\u7167\u3002<\/li>\n<p>\u5e93\u4ee3\u7801\u672a\u6539\u52a8\u3002<\/p>\n<hr \/>\n<h3>\u4e5d\u3001\u5e38\u89c1\u95ee\u9898<\/h3>\n<p>Q1&#xff1a;\u5b83\u5728 RN 0.84 \u4e0a\u80fd\u8dd1\u5417&#xff1f;<\/p>\n<p>\u80fd&#xff0c;\u800c\u4e14\u662f\u96f6 FAIL\u3002 24 \u6761\u5224\u636e\u5168 PASS&#xff08;\u5951\u7ea6 4 &#043; \u7eaf\u51fd\u6570 15 &#043; \u5b9e\u4f8b\u65b9\u6cd5 2 &#043; \u5176\u4ed6&#xff09;&#xff1b;<br \/>\nopenDropdown() \u6253\u5f00\u4e86 Modal \u5217\u8868&#xff0c;4 \u4e2a\u9009\u9879\u90fd\u6e32\u67d3\u51fa\u6765\u4e14 y \u5750\u6807\u95f4\u9694\u6070\u597d 124&#xff1b;onFocus \u56de\u8c03\u89e6\u53d1&#xff1b;LogBox \u65e0\u901a\u77e5\u3002<\/p>\n<p>Q2&#xff1a;typeof SelectDropdown \u662f object&#xff0c;\u4e0d\u662f\u7ec4\u4ef6\u5417&#xff1f;<\/p>\n<p>\u662f\u7ec4\u4ef6&#xff0c;\u4f46\u5b83\u88ab\u5305\u4e86\u4e00\u5c42 forwardRef&#xff1a;<\/p>\n<p><span class=\"token keyword\">export<\/span> <span class=\"token keyword\">default<\/span> <span class=\"token function\">forwardRef<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">(<\/span><span class=\"token parameter\">props<span class=\"token punctuation\">,<\/span> ref<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#061;&gt;<\/span> <span class=\"token function\">SelectDropdown<\/span><span class=\"token punctuation\">(<\/span>props<span class=\"token punctuation\">,<\/span> ref<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>\u21d2 typeof \u662f object\u3001$$typeof \u662f Symbol(react.forward_ref)\u3002<br \/>\n.d.ts \u91cc\u5199\u7684\u662f class&#xff0c;\u4f46\u90a3\u53ea\u662f\u7c7b\u578b\u58f0\u660e&#xff08;\u4e3a\u4e86\u8ba9\u4f60\u770b\u5230\u90a3 4 \u4e2a\u65b9\u6cd5&#xff09;\u3002<\/p>\n<p>Q3&#xff1a;\u600e\u4e48\u8c03\u7528 reset() \/ openDropdown()&#xff1f;<\/p>\n<p>const ref &#061; useRef(null);<br \/>\n&lt;SelectDropdown ref&#061;{ref} data&#061;{DATA} renderButton&#061;{&#8230;} \/&gt;<br \/>\n\/\/ \u7136\u540e&#xff1a;<br \/>\nref.current.openDropdown();<br \/>\nref.current.closeDropdown();<br \/>\nref.current.reset();<br \/>\nref.current.selectIndex(2);<\/p>\n<p>\u5b9e\u6d4b ref.current \u7684 own keys \u6070\u597d\u662f\u8fd9 4 \u4e2a \u2713<\/p>\n<p>Q4&#xff1a;\u4e3a\u4ec0\u4e48\u4e0b\u62c9\u6846\u91cc\u6ca1\u4e1c\u897f \/ \u6309\u94ae\u770b\u4e0d\u89c1&#xff1f;<\/p>\n<p>\u5fc5\u987b\u4f20 renderButton \u2014\u2014 \u4e0d\u4f20\u65f6\u9ed8\u8ba4\u6e32\u67d3 &lt;View \/&gt;&#xff08;\u7a7a\u89c6\u56fe&#xff09;&#xff1a;<\/p>\n<p>renderButton&#061;{(selectedItem, isOpened) &#061;&gt; (<br \/>\n  &lt;View&gt;&lt;Text&gt;{selectedItem || &#039;\u8bf7\u9009\u62e9&#039;}&lt;\/Text&gt;&lt;\/View&gt;<br \/>\n)}<\/p>\n<p>Q5&#xff1a;isExist(0) \u4e3a\u4ec0\u4e48\u8fd4\u56de true&#xff1f;<\/p>\n<p>\u56e0\u4e3a\u5b83\u7528\u7684\u662f\u5bbd\u677e\u6bd4\u8f83&#xff1a;<\/p>\n<p><span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>value <span class=\"token operator\">!&#061;<\/span> <span class=\"token keyword\">undefined<\/span> <span class=\"token operator\">&amp;&amp;<\/span> value <span class=\"token operator\">!&#061;<\/span> <span class=\"token keyword\">null<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token keyword\">return<\/span> <span class=\"token boolean\">true<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>0 !&#061; null \u4e3a true\u30010 !&#061; undefined \u4e3a true \u21d2 \u8fd4\u56de true\u3002<br \/>\n\u540c\u7406 &#039;&#039; \u4e0e false \u4e5f\u8fd4\u56de true\u3002\u8fd9\u662f\u5b83\u7684\u8bed\u4e49&#xff08;\u201c\u5b58\u5728&#034;\u800c\u4e0d\u662f&#034;\u771f\u503c\u201d&#xff09;\u3002<\/p>\n<p>Q6&#xff1a;findIndexInArr(obj, []) \u4e3a\u4ec0\u4e48\u662f undefined \u800c\u4e0d\u662f -1&#xff1f;<\/p>\n<p>\u56e0\u4e3a\u6e90\u7801\u91cc return defaultValueIndex \u5199\u5728 for \u5faa\u73af\u5185\u90e8&#xff1a;<\/p>\n<p><span class=\"token keyword\">for<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token keyword\">let<\/span> index <span class=\"token operator\">&#061;<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">;<\/span> index <span class=\"token operator\">&lt;<\/span> arr<span class=\"token punctuation\">.<\/span>length<span class=\"token punctuation\">;<\/span> index<span class=\"token operator\">&#043;&#043;<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span> \u2026 <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>index <span class=\"token operator\">&#061;&#061;<\/span> arr<span class=\"token punctuation\">.<\/span>length <span class=\"token operator\">&#8211;<\/span> <span class=\"token number\">1<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token keyword\">return<\/span> defaultValueIndex<span class=\"token punctuation\">;<\/span> <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token comment\">\/\/ \u7a7a\u6570\u7ec4 \u21d2 \u5faa\u73af\u4e0d\u6267\u884c \u21d2 \u51fd\u6570\u8d70\u5230\u5e95\u3001\u6ca1\u6709 return \u21d2 undefined<\/span><\/p>\n<p>\u21d2 \u5224\u65ad&#034;\u6ca1\u627e\u5230&#034;\u8981\u540c\u65f6\u5904\u7406 -1 \u4e0e undefined \u2713<\/p>\n<p>Q7&#xff1a;getDropdownHeight \u4ec0\u4e48\u65f6\u5019\u8fd4\u56de undefined&#xff1f;<\/p>\n<ul>\n<li>dropdownStyle.height \u6709\u503c \u21d2 \u8fd4\u56de\u5b83<\/li>\n<li>\u5426\u5219 dataLength &#061;&#061; 0 \u21d2 \u8fd4\u56de 150<\/li>\n<li>\u5176\u5b83\u60c5\u51b5&#xff08;dropdownStyle \u6ca1 height \u4e14 dataLength &gt; 0&#xff09;\u21d2 \u8fd4\u56de undefined<\/li>\n<\/ul>\n<p>Q8&#xff1a;\u600e\u4e48\u505a\u5e26\u641c\u7d22\u7684\u4e0b\u62c9&#xff1f;<\/p>\n<p>\u4f20 search \u4e0e searchPlaceHolder&#xff0c;\u5185\u90e8\u4f1a\u7528\u5230 deepSearchInArr&#xff08;\u5927\u5c0f\u5199\u4e0d\u654f\u611f\u3001\u53ef\u6df1\u641c\u5bf9\u8c61\u6570\u7ec4&#xff09;\u3002<\/p>\n<hr \/>\n<h3>\u5c0f\u7ed3<\/h3>\n<p>react-native-select-dropdown \u662f\u4e0b\u62c9\u9009\u62e9\u5668&#xff08;\u6309\u94ae &#043; Modal &#043; FlatList \u5217\u8868&#xff09;&#xff0c;<br \/>\n\u96f6\u4f9d\u8d56\u3001\u96f6\u5e73\u53f0\u5206\u652f\u3001\u96f6\u539f\u751f\u4ee3\u7801&#xff0c;\u4e5f\u662f\u8fd9\u51e0\u8f6e\u91cc\u6210\u7ee9\u6700\u597d\u7684\u4e00\u6b21&#xff1a;24 \u6761\u5224\u636e\u5168 PASS\u3001\u96f6 FAIL\u3002<\/p>\n<p>\u6700\u503c\u5f97\u8bb0\u4e0b\u6765\u7684\u662f\u8fd9\u51e0\u6761&#xff1a;<\/p>\n<li>\n<p>\u2605\u2605\u2605\u2605\u2605 .d.ts \u8bf4 class&#xff0c;\u8fd0\u884c\u65f6\u5374\u662f forwardRef \u2014\u2014 \u53c8\u4e00\u6b21&#034;\u7c7b\u578b\u4e0e\u8fd0\u884c\u65f6\u4e0d\u4e00\u81f4&#034;\u3002<br \/>\nindex.d.ts L112 \u5199 export default class SelectDropdown extends React.Component { reset(); openDropdown(); \u2026 }&#xff0c;<br \/>\n\u800c src\/SelectDropdown.js L200 \u662f export default forwardRef((props, ref) &#061;&gt; \u2026)\u3002<br \/>\n\u21d2 typeof \u662f object\u3001$$typeof \u662f Symbol(react.forward_ref)&#xff1b;<br \/>\n\u21d2 \u4f46\u90a3 4 \u4e2a\u65b9\u6cd5\u771f\u7684\u5728 ref.current \u4e0a&#xff08;useImperativeHandle \u66b4\u9732&#xff09;\u2713<br \/>\n\u21d2 \u6559\u8bad&#xff1a;\u5224\u65ad\u7ec4\u4ef6\u5f62\u6001\u6c38\u8fdc\u4ee5\u8fd0\u884c\u65f6\u7684 export default \u4e3a\u51c6&#xff1b;.d.ts \u53ea\u63cf\u8ff0&#034;\u4f60\u80fd\u8c03\u7528\u4ec0\u4e48&#034;\u3002<\/p>\n<\/li>\n<li>\n<p>\u2605\u2605\u2605\u2605\u2605 6 \u6761\u6587\u672c\u7ea7\u547d\u4e2d&#xff0c;\u800c\u4e14 y \u95f4\u9694\u6070\u597d 124 \u2014\u2014 \u8fd9\u662f\u6700\u786c\u7684\u6e32\u67d3\u8bc1\u636e\u3002<br \/>\n\u300cSDD \u9009\u62e9\u6846&#xff1a;Apple \u25b2\u300dy&#061;1270\u3001\u56db\u4e2a\u9009\u9879 y&#061;1400\/1524\/1648\/1772\u3002<br \/>\n\u21d2 \u4e00\u6b21\u6027\u8bc1\u660e\u4e86 **renderButton \u751f\u6548 &#043; defaultValueByIndex \u9009\u4e2d &#043; isOpened \u53d8 \u25b2<\/p>\n<ul>\n<li>openDropdown() \u6253\u5f00 &#043; data \u4f20\u5165 &#043; renderItem \u751f\u6548 &#043; \u5217\u8868\u9010\u884c\u6392\u5e03\u6ca1\u91cd\u53e0** \u2713\u2713<br \/>\n\u21d2 \u6bd4&#034;\u72b6\u6001\u4ece false \u53d8 true&#034;\u5f3a\u5f97\u591a\u3002<\/li>\n<\/ul>\n<\/li>\n<li>\n<p>\u2605\u2605\u2605\u2605\u2605 4 \u4e2a\u7eaf\u51fd\u6570\u7ed9\u4e86 15 \u6761\u96f6\u8bbe\u5907\u4f9d\u8d56\u7684\u5224\u636e&#xff0c;\u8fd8\u6316\u51fa 3 \u4e2a\u8fb9\u754c\u884c\u4e3a&#xff1a;<\/p>\n<ul>\n<li>isExist(0) \/ isExist(&#039;&#039;) \/ isExist(false) \u90fd\u8fd4\u56de true&#xff08;\u5bbd\u677e\u6bd4\u8f83&#xff09;<\/li>\n<li>getDropdownHeight \u5728&#034;\u6ca1 height \u4e14 dataLength &gt; 0&#034;\u65f6\u8fd4\u56de undefined<\/li>\n<li>findIndexInArr(obj, []) \u4e0e deepSearchInArr(q, []) \u90fd\u8fd4\u56de undefined&#xff08;\u4e0d\u662f -1 \/ []&#xff09;<br \/>\n\u21d2 \u8fd9\u4e09\u6761\u90fd\u662f&#034;\u53ea\u6709\u5b9e\u9645\u8dd1\u4e00\u904d\u624d\u6562\u65ad\u8a00&#034;\u7684\u8bed\u4e49\u7ec6\u8282 \u2713<\/li>\n<\/ul>\n<\/li>\n<li>\n<p>\u2605\u2605\u2605\u2605 \u96f6 FAIL \u7684\u539f\u56e0\u5f88\u660e\u786e&#xff1a;\u6bcf\u6761\u671f\u671b\u503c\u90fd\u6765\u81ea\u6e90\u7801\u3002<br \/>\n\u5bf9\u7167\u8868&#xff1a;typeof \u2190 export default forwardRef(&#8230;)&#xff1b;4 \u4e2a\u65b9\u6cd5 \u2190 .d.ts \u9010\u6761&#xff1b;<br \/>\nisExist 6 \u6761 \u2190 \u6e90\u7801\u7684 !&#061;&#xff1b;getDropdownHeight 3 \u6761 \u2190 \u6e90\u7801\u4e09\u6761\u5206\u652f&#xff1b;<br \/>\nfindIndexInArr 3 \u6761 \u2190 _.isEqual \/ &#061;&#061; \/ \u9ed8\u8ba4 -1&#xff1b;deepSearchInArr 4 \u6761 \u2190 \u9012\u5f52 &#043; toLowerCase\u3002<br \/>\n\u21d2 \u6ca1\u6709\u4e00\u6761\u9760\u731c \u2713<\/p>\n<\/li>\n<li>\n<p>\u2605\u2605\u2605 \u96f6\u4f9d\u8d56\u662f\u6700\u7701\u4e8b\u7684\u60c5\u51b5&#xff1a;dependencies \u4e0e peerDependencies \u90fd\u7a7a \u21d2<br \/>\n\u4e0d\u7528\u88c5\u989d\u5916\u5305\u3001\u4e0d\u7528\u5199\u6869\u3001\u4e0d\u7528\u7ba1 peer \u51b2\u7a81 \u2713<\/p>\n<\/li>\n<li>\n<p>\u2605\u2605 4 \u4e2a helper \u4e0d\u5728\u5165\u53e3\u5bfc\u51fa \u2014\u2014 index.js \u53ea\u6709 84 B\u3001\u53ea\u6709 export default<br \/>\n\u21d2 \u8981\u7528 isExist \u4e4b\u7c7b\u5fc5\u987b\u8d70 src\/helpers\/&#8230; \u5b50\u8def\u5f84 \u2713<\/p>\n<\/li>\n<hr \/>\n<h3>\u672c\u7bc7\u7528\u5230\u7684\u5e93<\/h3>\n<table>\n<tr>\u9879\u5185\u5bb9<\/tr>\n<tbody>\n<tr>\n<td>\u4e09\u65b9\u5e93<\/td>\n<td>react-native-select-dropdown&#xff08;\u4e0a\u6e38 4.0.1 \u7684\u9e3f\u8499\u9002\u914d\u7248&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>\u9002\u914d\u4ed3\u5e93<\/td>\n<td>https:\/\/atomgit.com\/oh-react-native\/react-native-select-dropdown<\/td>\n<\/tr>\n<tr>\n<td>\u9002\u914d TAG<\/td>\n<td>4.0.1-ohos-1.0.0<\/td>\n<\/tr>\n<tr>\n<td>\u9700\u8981 HAR \/ \u6743\u9650 \/ ohpm<\/td>\n<td>\u90fd\u4e0d\u9700\u8981&#xff08;\u7eaf JS&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>\u5e93\u7c7b\u578b<\/td>\n<td>\u4e0b\u62c9\u9009\u62e9\u5668&#xff08;\u6309\u94ae &#043; Modal &#043; FlatList&#xff0c;\u652f\u6301\u641c\u7d22&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>\u8fd0\u884c\u65f6\u4f9d\u8d56<\/td>\n<td>\u2705\u2705 dependencies \/ peerDependencies \u90fd\u4e3a\u7a7a&#xff08;lodash \u5bbf\u4e3b\u5df2\u6709&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>\u5bfc\u51fa\u5f62\u6001<\/td>\n<td>\u53ea\u6709\u9ed8\u8ba4\u5bfc\u51fa SelectDropdown&#xff08;\u8fd0\u884c\u65f6\u662f forwardRef \u21d2 typeof \u4e3a object&#xff09;&#xff1b;4 \u4e2a helper \u8d70\u5b50\u8def\u5f84<\/td>\n<\/tr>\n<tr>\n<td>\u5b9e\u4f8b\u65b9\u6cd5<\/td>\n<td>reset() \/ openDropdown() \/ closeDropdown() \/ selectIndex(index) \u2014\u2014 \u5728 ref.current \u4e0a<\/td>\n<\/tr>\n<tr>\n<td>\u8bb8\u53ef\u8bc1<\/td>\n<td>MIT<\/td>\n<\/tr>\n<tr>\n<td>\u4e0a\u6e38\u4ed3\u5e93<\/td>\n<td>https:\/\/github.com\/AdelRedaa97\/react-native-select-dropdown<\/td>\n<\/tr>\n<tr>\n<td>\u5bbf\u4e3b\u5de5\u7a0b<\/td>\n<td>RNOH084Demo&#xff08;\u6d4b\u8bd5\u9875 rnAppKey &#061; SelectDropdownTestApp&#xff09;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><span class=\"token function\">npm<\/span> <span class=\"token function\">install<\/span> <span class=\"token string\">&#034;git&#043;https:\/\/atomgit.com\/oh-react-native\/react-native-select-dropdown.git#4.0.1-ohos-1.0.0&#034;<\/span> &#8211;ignore-scripts<br \/>\n<span class=\"token comment\"># \u96f6\u4f9d\u8d56&#xff0c;\u4e0d\u9700\u8981\u88c5\u4efb\u4f55\u4e1c\u897f<\/span><\/p>\n<p>import SelectDropdown from &#039;react-native-select-dropdown&#039;;<\/p>\n<p>const ref &#061; useRef(null);<br \/>\nconst DATA &#061; [&#039;Apple&#039;, &#039;Banana&#039;, &#039;Cherry&#039;, &#039;Durian&#039;];<\/p>\n<p>&lt;SelectDropdown<br \/>\n  ref&#061;{ref}<br \/>\n  data&#061;{DATA}<br \/>\n  defaultValueByIndex&#061;{0}<br \/>\n  onSelect&#061;{(item, index) &#061;&gt; console.log(item, index)}<br \/>\n  renderButton&#061;{(selectedItem, isOpened) &#061;&gt; (       \/\/ \u2605 \u4e0d\u4f20\u5c31\u53ea\u6709\u4e00\u4e2a\u7a7a View<br \/>\n    &lt;View&gt;&lt;Text&gt;{&#096;${selectedItem || &#039;\u8bf7\u9009\u62e9&#039;} ${isOpened ? &#039;\u25b2&#039; : &#039;\u25bc&#039;}&#096;}&lt;\/Text&gt;&lt;\/View&gt;<br \/>\n  )}<br \/>\n  renderItem&#061;{(item, index, isSelected) &#061;&gt; (<br \/>\n    &lt;View style&#061;{isSelected &amp;&amp; {backgroundColor: &#039;#d8f0d8&#039;}}&gt;<br \/>\n      &lt;Text&gt;{&#096;${index &#043; 1}. ${item}&#096;}&lt;\/Text&gt;<br \/>\n    &lt;\/View&gt;<br \/>\n  )}<br \/>\n\/&gt;<\/p>\n<p>\/\/ \u5b9e\u4f8b\u65b9\u6cd5&#xff08;\u5728 ref.current \u4e0a&#xff0c;\u5b9e\u6d4b own keys \u6070\u597d\u662f\u8fd9 4 \u4e2a&#xff09;<br \/>\nref.current.openDropdown();<br \/>\nref.current.closeDropdown();<br \/>\nref.current.reset();<br \/>\nref.current.selectIndex(2);<\/p>\n<p>\/\/ \u8f85\u52a9\u51fd\u6570&#xff08;\u4e0d\u5728\u5165\u53e3&#xff0c;\u8d70\u5b50\u8def\u5f84&#xff09;<br \/>\nimport {isExist} from &#039;react-native-select-dropdown\/src\/helpers\/isExist&#039;;<br \/>\nimport {getDropdownHeight} from &#039;react-native-select-dropdown\/src\/helpers\/getDropdownHeight&#039;;<br \/>\nimport {findIndexInArr} from &#039;react-native-select-dropdown\/src\/helpers\/findIndexInArr&#039;;<br \/>\nimport {deepSearchInArr} from &#039;react-native-select-dropdown\/src\/helpers\/deepSearchInArr&#039;;<\/p>\n<p>\/\/ \u26a0\ufe0f \u8fd0\u884c\u65f6\u662f forwardRef \u21d2 typeof \u662f &#039;object&#039;&#xff08;.d.ts \u5199 class \u662f\u7c7b\u578b\u5c42\u9762\u7684&#xff09;<br \/>\n\/\/ \u26a0\ufe0f isExist(0) \/ isExist(&#039;&#039;) \/ isExist(false) \u90fd\u8fd4\u56de true&#xff08;\u5bbd\u677e\u6bd4\u8f83&#xff09;<br \/>\n\/\/ \u26a0\ufe0f getDropdownHeight \u5728&#034;\u65e0 height \u4e14 dataLength&gt;0&#034;\u65f6\u8fd4\u56de undefined<br \/>\n\/\/ \u26a0\ufe0f findIndexInArr(obj, []) \u4e0e deepSearchInArr(q, []) \u8fd4\u56de undefined&#xff08;\u4e0d\u662f -1 \/ []&#xff09;<br \/>\n\/\/ \u26a0\ufe0f deepSearchInArr \u5927\u5c0f\u5199\u4e0d\u654f\u611f&#xff0c;\u4e14\u80fd\u6df1\u641c\u5bf9\u8c61\u6570\u7ec4<\/p>\n<p><span class=\"token comment\"># \u6362\u9875\u542f\u52a8\u6d4b\u8bd5\u9875 \u2014\u2014 force-stop \u4e0d\u80fd\u7701<\/span><br \/>\nhdc shell aa force-stop com.rnoh084.demo<br \/>\nhdc shell aa start <span class=\"token parameter variable\">-b<\/span> com.rnoh084.demo <span class=\"token parameter variable\">-a<\/span> EntryAbility <span class=\"token parameter variable\">&#8211;ps<\/span> rnAppKey SelectDropdownTestApp<\/p>\n<h4>\u5224\u636e\u7684\u590d\u73b0\u65b9\u5f0f<\/h4>\n<p><span class=\"token comment\"># \u2460 24 \u6761\u5224\u636e&#xff08;\u96f6 FAIL&#xff09;<\/span><br \/>\nhdc shell <span class=\"token string\">&#034;hilog -x | grep sdd-test&#034;<\/span> <span class=\"token punctuation\">|<\/span> <span class=\"token function\">Select-String<\/span> <span class=\"token string\">&#039;PASS|FAIL|SUMMARY|NOTE|EVENT&#039;<\/span><br \/>\n<span class=\"token comment\">#    \u21d2 typeof \u662f object\u3001$$typeof \u662f Symbol(react.forward_ref)<\/span><br \/>\n<span class=\"token comment\">#    \u21d2 ref.current \u7684 own keys &#061; reset, openDropdown, closeDropdown, selectIndex<\/span><br \/>\n<span class=\"token comment\">#    \u21d2 isExist 6 \u6761 \/ getDropdownHeight 3 \u6761 \/ findIndexInArr 3 \u6761 \/ deepSearchInArr 4 \u6761<\/span><br \/>\n<span class=\"token comment\"># \u2461 \u6587\u672c\u7ea7&#xff1a;6\/6 \u547d\u4e2d&#xff0c;\u4e14 y \u95f4\u9694 124<\/span><br \/>\ndevecocli ui layout <span class=\"token punctuation\">|<\/span> <span class=\"token function\">Select-String<\/span> <span class=\"token string\">&#039;SDD \u9009\u9879|SDD \u9009\u62e9\u6846&#039;<\/span><br \/>\n<span class=\"token comment\">#    \u21d2 \u300cSDD \u9009\u62e9\u6846&#xff1a;Apple \u25b2\u300dy&#061;1270&#xff1b;\u9009\u9879 y&#061;1400\/1524\/1648\/1772<\/span><\/p>\n<h3>\u9a8c\u8bc1\u73af\u5883<\/h3>\n<table>\n<tr>\u9879\u7248\u672c<\/tr>\n<tbody>\n<tr>\n<td>React Native<\/td>\n<td>0.84.1<\/td>\n<\/tr>\n<tr>\n<td>React<\/td>\n<td>19.2.3<\/td>\n<\/tr>\n<tr>\n<td>RNOH&#xff08;npm \/ ohpm&#xff09;<\/td>\n<td>&#064;react-native-oh\/react-native-harmony \/ &#064;rnoh\/react-native-openharmony 0.84.3<\/td>\n<\/tr>\n<tr>\n<td>Node.js \/ npm<\/td>\n<td>v24.14.0 \/ 11.9.0<\/td>\n<\/tr>\n<tr>\n<td>DevEco Studio<\/td>\n<td>26.0.0.621<\/td>\n<\/tr>\n<tr>\n<td>HarmonyOS SDK<\/td>\n<td>API 26&#xff08;26.0.0.32&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>\u8bbe\u5907<\/td>\n<td>HarmonyOS 7.0.0(26.0.0) Beta2 \u6a21\u62df\u5668 Pura X View&#xff08;ohos-x64&#xff09;&#xff0c;1320\u00d72232&#xff0c;density 3<\/td>\n<\/tr>\n<tr>\n<td>\u672c\u673a\u72b6\u6001\u680f\u9ad8\u5ea6<\/td>\n<td>117px &#061; 39vp<\/td>\n<\/tr>\n<tr>\n<td>\u5bbf\u4e3b\u4f9d\u8d56<\/td>\n<td>\u2705 \u65e0\u9700\u4efb\u4f55\u989d\u5916\u4f9d\u8d56&#xff08;\u96f6\u4f9d\u8d56&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>\u5bbf\u4e3b HAP \u4ea7\u7269<\/td>\n<td>entry-default-signed.hap<\/td>\n<\/tr>\n<tr>\n<td>\u672c\u6b21\u6784\u5efa<\/td>\n<td>assembleHap 3 \u5206 39 \u79d2 \u21d2 \u4e00\u6b21\u6210\u529f&#xff08;\u6253\u5305\u4e0e\u6784\u5efa\u9000\u51fa\u7801\u90fd\u68c0\u67e5\u4e86&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>\u9a8c\u8bc1\u89c4\u6a21<\/td>\n<td>24\/24 \u5168 PASS\u3001\u96f6 FAIL&#xff08;\u5951\u7ea6 4 &#043; \u7eaf\u51fd\u6570 15 &#043; \u5b9e\u4f8b\u65b9\u6cd5 2 &#043; \u5176\u4ed6&#xff09;&#xff1b;\u6587\u672c\u7ea7 6\/6 \u547d\u4e2d&#xff08;\u4e14 y \u95f4\u9694\u6070\u597d 124&#xff09;&#xff1b;onFocus \u56de\u8c03\u89e6\u53d1&#xff1b;LogBox \u65e0\u901a\u77e5&#xff1b;4 \u5f20\u622a\u56fe\u4e92\u5f02<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u26a0\ufe0f \u57fa\u7ebf\u8bf4\u660e&#xff1a;\u4ea4\u4ed8\u5305 spec.json \u58f0\u660e RN 0.88.0 &#043; RNOH 0.84.4&#xff08;\u4e24\u5b57\u6bb5\u81ea\u76f8\u77db\u76fe&#xff09;&#xff0c;\u672c\u6b21\u9a8c\u8bc1\u5728 RN 0.84.1 &#043; RNOH 0.84.3 \u4e0a\u5b8c\u6210\u3002<br \/>\n\u672c\u5e93\u96f6\u4f9d\u8d56\u3001\u96f6\u5e73\u53f0\u5206\u652f\u3001\u96f6\u539f\u751f\u4ee3\u7801 \u21d2 \u7ed3\u8bba\u8de8\u57fa\u7ebf\u6210\u7acb \u2713<\/p>\n<hr \/>\n<h3>\u76f8\u5173\u793e\u533a\u4e0e\u9879\u76ee\u5730\u5740<\/h3>\n<table>\n<tr>\u9879\u76ee\u5730\u5740<\/tr>\n<tbody>\n<tr>\n<td>React Native \u9e3f\u8499\u5b98\u65b9\u793e\u533a&#xff08;CPF-RN&#xff09;<\/td>\n<td>https:\/\/atomgit.com\/CPF-RN<\/td>\n<\/tr>\n<tr>\n<td>RNOH \u6846\u67b6\u4ed3\u5e93<\/td>\n<td>https:\/\/atomgit.com\/openharmony-RN\/ohos_react_native<\/td>\n<\/tr>\n<tr>\n<td>RNOH \u4e09\u65b9\u5e93\u4f7f\u7528\u6587\u6863<\/td>\n<td>https:\/\/atomgit.com\/OpenHarmony-RN\/usage-docs<\/td>\n<\/tr>\n<tr>\n<td>React Native for OpenHarmony \u7ec4\u7ec7<\/td>\n<td>https:\/\/atomgit.com\/oh-react-native<\/td>\n<\/tr>\n<tr>\n<td>RN \u4e09\u65b9\u5e93\u9e3f\u8499\u9002\u914d\u6e05\u5355<\/td>\n<td>https:\/\/atomgit.com\/oh-react-native\/rn-ohos-adaptation-overview<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u6b22\u8fce\u52a0\u5165 CPF-RN \u9e3f\u8499\u793e\u533a&#xff1a;https:\/\/atomgit.com\/CPF-RN<\/p>\n<p>React Native for OpenHarmony \u7ec4\u7ec7&#xff1a;https:\/\/atomgit.com\/oh-react-native<\/p>\n<p>RN \u4e09\u65b9\u5e93\u9e3f\u8499\u9002\u914d\u6e05\u5355&#xff1a;https:\/\/atomgit.com\/oh-react-native\/rn-ohos-adaptation-overview<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\/* MD \/ \u5bcc\u6587\u672c\u4e2d\u7684 .toc\uff08\u542b\u535a\u5ba2\u56ed\u642c\u5bb6\u7b49\u5d4c\u5957\u7ed3\u6784\uff09\uff1b.toc-box \u5728\u4fa7\u680f\uff0c\u4e0d\u53d7\u5f71\u54cd *\/#content_views .toc,\/* \u7f16\u8f91\u5668\u5e38\u5728\u76ee\u5f55\u524d\u540e\u63d2\u5165\u7a7a p\uff08:empty \u4ecd\u5360 20px\uff09\uff0c\u4e00\u5e76\u53bb\u6389\u907f\u514d\u9876\u7a7a\u9699 *\/#content_views.markdown_views &gt; p:empty:has(+ .toc),#content_views.markdown_views &gt; .toc + p:empty,\/* \u5bcc\u6587\u672c\u65e7\u7248\u76ee\u5f55\u6807\u8bb0 *\/#content<\/p>\n","protected":false},"author":2,"featured_media":116929,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[6800,280,524,50,86],"topic":[],"class_list":["post-116933","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-server","tag-react-native","tag-harmonyos","tag-react-js","tag-50","tag-86"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>React Native for OpenHarmony \u5b9e\u6218\uff1a\u4e09\u65b9\u5e93 react-native-select-dropdown \u7684\u9e3f\u8499\u5316\u9002\u914d\u6307\u5357 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/116933.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"React Native for OpenHarmony \u5b9e\u6218\uff1a\u4e09\u65b9\u5e93 react-native-select-dropdown \u7684\u9e3f\u8499\u5316\u9002\u914d\u6307\u5357 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"\/* MD \/ \u5bcc\u6587\u672c\u4e2d\u7684 .toc\uff08\u542b\u535a\u5ba2\u56ed\u642c\u5bb6\u7b49\u5d4c\u5957\u7ed3\u6784\uff09\uff1b.toc-box \u5728\u4fa7\u680f\uff0c\u4e0d\u53d7\u5f71\u54cd *\/#content_views .toc,\/* \u7f16\u8f91\u5668\u5e38\u5728\u76ee\u5f55\u524d\u540e\u63d2\u5165\u7a7a p\uff08:empty \u4ecd\u5360 20px\uff09\uff0c\u4e00\u5e76\u53bb\u6389\u907f\u514d\u9876\u7a7a\u9699 *\/#content_views.markdown_views &gt; p:empty:has(+ .toc),#content_views.markdown_views &gt; .toc + p:empty,\/* \u5bcc\u6587\u672c\u65e7\u7248\u76ee\u5f55\u6807\u8bb0 *\/#content\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/116933.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-22T02:05:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/10\/20261022020517-6ad96f5de5017.jpg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/116933.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/116933.html\",\"name\":\"React Native for OpenHarmony \u5b9e\u6218\uff1a\u4e09\u65b9\u5e93 react-native-select-dropdown \u7684\u9e3f\u8499\u5316\u9002\u914d\u6307\u5357 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2026-10-22T02:05:25+00:00\",\"dateModified\":\"2026-10-22T02:05:25+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/116933.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/116933.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/116933.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"React Native for OpenHarmony \u5b9e\u6218\uff1a\u4e09\u65b9\u5e93 react-native-select-dropdown \u7684\u9e3f\u8499\u5316\u9002\u914d\u6307\u5357\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"React Native for OpenHarmony \u5b9e\u6218\uff1a\u4e09\u65b9\u5e93 react-native-select-dropdown \u7684\u9e3f\u8499\u5316\u9002\u914d\u6307\u5357 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/116933.html","og_locale":"zh_CN","og_type":"article","og_title":"React Native for OpenHarmony \u5b9e\u6218\uff1a\u4e09\u65b9\u5e93 react-native-select-dropdown \u7684\u9e3f\u8499\u5316\u9002\u914d\u6307\u5357 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"\/* MD \/ \u5bcc\u6587\u672c\u4e2d\u7684 .toc\uff08\u542b\u535a\u5ba2\u56ed\u642c\u5bb6\u7b49\u5d4c\u5957\u7ed3\u6784\uff09\uff1b.toc-box \u5728\u4fa7\u680f\uff0c\u4e0d\u53d7\u5f71\u54cd *\/#content_views .toc,\/* \u7f16\u8f91\u5668\u5e38\u5728\u76ee\u5f55\u524d\u540e\u63d2\u5165\u7a7a p\uff08:empty \u4ecd\u5360 20px\uff09\uff0c\u4e00\u5e76\u53bb\u6389\u907f\u514d\u9876\u7a7a\u9699 *\/#content_views.markdown_views &gt; p:empty:has(+ .toc),#content_views.markdown_views &gt; .toc + p:empty,\/* \u5bcc\u6587\u672c\u65e7\u7248\u76ee\u5f55\u6807\u8bb0 *\/#content","og_url":"https:\/\/www.wsisp.com\/helps\/116933.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2026-10-22T02:05:25+00:00","og_image":[{"url":"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/10\/20261022020517-6ad96f5de5017.jpg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"9 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/116933.html","url":"https:\/\/www.wsisp.com\/helps\/116933.html","name":"React Native for OpenHarmony \u5b9e\u6218\uff1a\u4e09\u65b9\u5e93 react-native-select-dropdown \u7684\u9e3f\u8499\u5316\u9002\u914d\u6307\u5357 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2026-10-22T02:05:25+00:00","dateModified":"2026-10-22T02:05:25+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/116933.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/116933.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/116933.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"React Native for OpenHarmony \u5b9e\u6218\uff1a\u4e09\u65b9\u5e93 react-native-select-dropdown \u7684\u9e3f\u8499\u5316\u9002\u914d\u6307\u5357"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/116933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=116933"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/116933\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media\/116929"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=116933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=116933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=116933"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=116933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}