{"id":673,"date":"2021-03-30T10:19:00","date_gmt":"2021-03-30T02:19:00","guid":{"rendered":"https:\/\/opentrons.com.cn\/?p=673"},"modified":"2024-04-29T14:58:42","modified_gmt":"2024-04-29T06:58:42","slug":"opentrons-protocol-designer-update-batch-edit-overview","status":"publish","type":"post","link":"https:\/\/opentrons.com.cn\/news\/opentrons-protocol-designer-update-batch-edit-overview\/","title":{"rendered":"Opentrons \u534f\u8bae\u8bbe\u8ba1\u5668\u66f4\u65b0\uff1a\u6279\u91cf\u7f16\u8f91\u6982\u8ff0"},"content":{"rendered":"\n
\n\u6b64\u529f\u80fd\u5347\u7ea7\u76f4\u63a5\u6765\u81ea\u5ba2\u6237\u53cd\u9988\u3002 \u8c22\u8c22\u4f60\uff01 \u6211\u4eec\u5f88\u9ad8\u5174\u542c\u5230\u60a8\u7684\u60f3\u6cd5\u2014\u2014\u8bf7\u7ee7\u7eed\u63d0\u51fa\uff01<\/em><\/p>\n<\/blockquote>\n\n\n\n
\u5f53\u534f\u8bae\u8bbe\u8ba1\u5668 (PD) \u9996\u6b21\u521b\u5efa\u65f6\uff0cOpentrons \u8bbe\u60f3\u4e86\u4e00\u4e2a\u5e73\u53f0\uff0c\u79d1\u5b66\u5bb6\u53ef\u4ee5\u5728\u5176\u4e2d\u5feb\u901f\u6784\u5efa\u57fa\u672c\u7684\u79fb\u6db2\u534f\u8bae\uff0c\u800c\u65e0\u9700\u7f16\u5199\u4efb\u4f55\u4ee3\u7801\u3002 \u968f\u7740 PD \u8d8a\u6765\u8d8a\u591a\u5730\u88ab\u6211\u4eec\u793e\u533a\u6240\u5229\u7528\uff0c\u5b83\u6210\u4e3a\u4e00\u79cd\u5de5\u5177\uff0c\u4f7f\u79d1\u5b66\u5bb6\u80fd\u591f\u6784\u5efa\u5197\u957f\u800c\u590d\u6742\u7684\u65b9\u6848\uff0c\u4ee5\u89e3\u51b3 DNA \u63d0\u53d6\u3001\u86cb\u767d\u8d28\u7eaf\u5316\u548c COVID-19 \u8bca\u65ad\u7b49\u5e94\u7528\u3002 \u5f53\u6211\u4eec\u5f00\u59cb\u770b\u5230\u79d1\u5b66\u5bb6\u4f7f\u7528 PD \u6784\u5efa\u5305\u542b 100 \u591a\u4e2a\u6b65\u9aa4\u7684\u65b9\u6848\u65f6\uff0c\u6211\u4eec\u77e5\u9053\u6211\u4eec\u9700\u8981\u4e3a\u4ed6\u4eec\u63d0\u4f9b\u66f4\u597d\u7684\u65b9\u6cd5\u6765\u4f18\u5316\u548c\u7f16\u8f91\u4ed6\u4eec\u7684\u65b9\u6848\u3002 \u79d1\u5b66\u5bb6\u4eec\u6709\u8db3\u591f\u591a\u7684\u62c5\u5fe7\uff1a\u6211\u4eec\u4e0d\u5e0c\u671b\u4ed6\u4eec\u82b1\u65f6\u95f4\u4e00\u904d\u53c8\u4e00\u904d\u5730\u4e4f\u5473\u5730\u6539\u53d8\u76f8\u540c\u7684\u8bbe\u7f6e\u3002<\/p>\n\n\n\n
\u6240\u4ee5\uff0c\u6211\u4eec\u521a\u521a\u5411 PD \u6dfb\u52a0\u4e86\u6279\u91cf\u7f16\u8f91\u6a21\u5f0f\uff01 \u7528\u6237\u73b0\u5728\u53ef\u4ee5\u9009\u62e9\u3001\u590d\u5236\u3001\u5220\u9664\u548c\u7f16\u8f91\u591a\u4e2a\u6b65\u9aa4\uff0c\u4ece\u800c\u80fd\u591f\u66f4\u5feb\u5730\u8fed\u4ee3\u548c\u4f18\u5316\u79d1\u5b66\u534f\u8bae\u3002<\/p>\n\n\n\n
\u5728\u4ea7\u54c1\u5f00\u53d1\u56e2\u961f\u5f00\u59cb\u8003\u8651\u5982\u4f55\u5b8c\u6210\u6b64\u529f\u80fd\u4e4b\u524d\uff0c\u6211\u4eec\u5c31\u77e5\u9053\u8fd9\u5c06\u662f\u4e00\u4e2a\u5de8\u5927\u7684\u5de5\u7a0b\u6311\u6218\u3002 \u6269\u5c55 PD \u8fd9\u6837\u7684\u5e94\u7528\u7a0b\u5e8f\u4ee5\u652f\u6301\u5b8c\u5168\u4e0d\u540c\u7684\u7528\u6237\u6d41\u7a0b\uff08\u4f8b\u5982\u6279\u91cf\u7f16\u8f91\uff09\u5c06\u9700\u8981\u5927\u91cf\u91cd\u6784\uff0c\u8fd9\u4f1a\u5f71\u54cd Protocol Designer \u7684\u6838\u5fc3\u90e8\u5206\u3002 \u8fd9\u7bc7\u6587\u7ae0\u5c06\u4ece\u5de5\u7a0b\u89d2\u5ea6\u91cd\u70b9\u8ba8\u8bba\u6b64\u529f\u80fd\uff0c\u4f46\u6211\u4e5f\u60f3\u6307\u51fa\u5b8c\u6210\u6b64\u529f\u80fd\u6240\u9762\u4e34\u7684\u5de8\u5927\u8bbe\u8ba1\u6311\u6218\u3002 PD \u7684\u6838\u5fc3\u539f\u5219\u4e4b\u4e00\u662f\u6613\u7528\u6027\uff0c\u6253\u9020\u6613\u4e8e\u4f7f\u7528\u3001\u76f4\u89c2\u7684\u7528\u6237\u4f53\u9a8c\u6765\u6784\u5efa\u548c\u4f18\u5316\u590d\u6742\u7684\u79d1\u5b66\u534f\u8bae\u7edd\u975e\u6613\u4e8b\u3002<\/p>\n\n\n\n
\u4e13\u4e3a\u4e00\u6b21\u7f16\u8f91\u4e00\u4e2a\u6b65\u9aa4\u800c\u8bbe\u8ba1<\/p>\n\n\n\n
PD \u65e8\u5728\u4ece\u5934\u5f00\u59cb\u6784\u5efa\u79d1\u5b66\u65b9\u6848\uff0c\u4f9d\u6b21\u521b\u5efa\u548c\u7f16\u8f91\u6b65\u9aa4\u3002 \u6d41\u7a0b\u5982\u4e0b\uff1a<\/p>\n\n\n\n
\n
- \u7528\u6237\u521b\u5efa\u4e00\u4e2a\u6b65\u9aa4\uff08\u8f6c\u79fb\u3001\u6df7\u5408\u3001\u52a0\u70ed\u7b49\uff09<\/li>\n\n\n\n
- \u5728\u8868\u683c\u4e2d\u586b\u5199\u76f8\u5173\u6b65\u9aa4\u4fe1\u606f\uff08\u79fb\u6db2\u5668\u3001\u5b9e\u9a8c\u5ba4\u5668\u76bf\u3001\u6db2\u4f53\u4f53\u79ef\u7b49\uff09<\/li>\n\n\n\n
- \u4fdd\u5b58\u8868\u683c<\/li>\n\n\n\n
- \u521b\u5efa\u4e0b\u4e00\u6b65<\/li>\n\n\n\n
- \u7b49\u7b49<\/li>\n<\/ol>\n\n\n\n
<\/figure>\n\n\n\n
\u8fd9\u610f\u5473\u7740\u5728\u4efb\u4f55\u7ed9\u5b9a\u65f6\u95f4\uff0cPD \u4e2d\u7684\u4e3b\u201c\u8bbe\u8ba1\u201d\u9009\u9879\u5361\u90fd\u4f1a\u663e\u793a\u4ee5\u4e0b\u90e8\u5206\/\u5168\u90e8\u5185\u5bb9\uff1a<\/p>\n\n\n\n
\n
- \u534f\u8bae\u4e2d\u6240\u6709\u6b65\u9aa4\u7684\u5217\u8868<\/li>\n\n\n\n
- \u534f\u8bae\u7279\u5b9a\u6b65\u9aa4\u7684\u89c6\u89c9\u5feb\u7167<\/li>\n\n\n\n
- \u4f9b\u7528\u6237\u586b\u5199\u7684\u8868\u683c\uff0c\u4ee5\u6307\u5b9a\u8be5\u6b65\u9aa4\u5e94\u6267\u884c\u7684\u64cd\u4f5c<\/li>\n<\/ol>\n\n\n\n
PD \u7684 UI \u7ec4\u4ef6\uff08\u5185\u7f6e\u4e8e React\uff09\u548c\u5168\u5c40\u72b6\u6001\u7ba1\u7406\u5b58\u50a8\uff08\u5728 Redux \u4e2d\u5b9e\u73b0\uff09\u5c31\u662f\u4e3a\u4e86\u9002\u5e94\u8fd9\u79cd\u7528\u6237\u6d41\u7a0b\u800c\u6784\u5efa\u7684\u3002 \u8fd9\u610f\u5473\u7740 PD \u7684 redux \u5b58\u50a8\u4f1a\u8ddf\u8e2a\u201c\u9009\u5b9a\u6b65\u9aa4\u201d\u4e4b\u7c7b\u7684\u5185\u5bb9\uff0c\u4ee5\u4fbf\u7528\u6237\u53ef\u4ee5\u76f4\u89c2\u5730\u770b\u5230\u534f\u8bae\u7684\u7279\u5b9a\u90e8\u5206\u5b9e\u9645\u53d1\u751f\u7684\u60c5\u51b5\u3002 \u5b83\u8fd8\u4f1a\u8ddf\u8e2a\u201c\u672a\u4fdd\u5b58\u7684\u8868\u5355\u201d\u7b49\u5185\u5bb9\uff0c\u5728\u63d0\u4ea4\u4e4b\u524d\u8ddf\u8e2a\u5f85\u5904\u7406\u7684\u66f4\u6539\u3002<\/p>\n\n\n\n
\u8bf7\u6ce8\u610f\u4e0a\u9762\u6355\u83b7\u7684\u6570\u636e\u7684\u5947\u5f02\u6027\uff08\u9009\u5b9a\u7684\u6b65\u9aa4\uff0c\u672a\u4fdd\u5b58\u7684\u5f62\u5f0f\uff09\u3002 PD \u7684 redux \u5b58\u50a8\u548c React \u7ec4\u4ef6\u65e8\u5728\u4e0e\u4e00\u4e2a\u6b65\u9aa4\u4ea4\u4e92\uff0c\u800c\u4e0d\u662f\u591a\u4e2a\u6b65\u9aa4\u3002 \u4e3a\u4e86\u8bf4\u660e\u8fd9\u4e00\u70b9\uff0c\u8ba9\u6211\u4eec\u770b\u770b PD \u5982\u4f55\u6839\u636e\u9009\u62e9\u7684\u6b65\u9aa4\u586b\u5145\u5b9e\u9a8c\u5ba4\u5668\u76bf\u4e0a\u7684\u5b54\uff08\u8fd9\u5c31\u662f\u4e0a\u56fe\u4e2d\u5b54\u663e\u793a\u4e3a\u7eff\u8272\u7684\u65b9\u5f0f\uff09\u3002<\/p>\n\n\n\n
\n
- \u7528\u6237\u70b9\u51fb\u4e00\u4e2a\u6b65\u9aa4<\/li>\n\n\n\n
- \u8c03\u5ea6\u4e00\u4e2a\u540d\u4e3a\u201cSELECT_STEP\u201d\u7684 redux \u64cd\u4f5c\uff0c\u66f4\u65b0\u201c\u6240\u9009\u9879\u76ee\u201dreducer<\/li>\n\n\n\n
- \u4fa6\u542c\u201c\u6240\u9009\u9879\u76ee\u201d\u66f4\u6539\u7684 redux \u9009\u62e9\u5668\u5c06\u641c\u7d22\u8be5\u7279\u5b9a\u6b65\u9aa4\u4e2d\u6b63\u5728\u4f7f\u7528\u7684\u5b9e\u9a8c\u5ba4\u5668\u76bf\u548c\u5b54<\/li>\n\n\n\n
- \u5b54\u4fe1\u606f\u5c06\u4f20\u9012\u5230\u540d\u4e3a\u201cLabwareRender\u201d\u7684\u7ec4\u4ef6\u4e2d\uff0c\u7136\u540e\u8be5\u7ec4\u4ef6\u5c06\u4f7f\u7528\u8be5\u4fe1\u606f\u5bf9\u5b54\u8fdb\u884c\u7740\u8272<\/li>\n<\/ol>\n\n\n\n
\u4f46\u662f\uff0c\u5f53\u6211\u4eec\u5f00\u59cb\u8ddf\u8e2a\u591a\u4e2a\u9009\u5b9a\u6b65\u9aa4\u800c\u4e0d\u662f\u4ec5\u8ddf\u8e2a\u4e00\u4e2a\u6b65\u9aa4\u65f6\uff0c\u4f1a\u53d1\u751f\u4ec0\u4e48\u60c5\u51b5\u5462\uff1f \u7279\u522b\u662f\uff0c\u4e0a\u9762\u7684\u6b65\u9aa4 3 \u4f1a\u53d1\u751f\u4ec0\u4e48\uff1f \u5982\u679c\u6211\u4eec\u9009\u62e9\u4e86\u591a\u4e2a\u9879\u76ee\uff0c\u6211\u4eec\u8be5\u600e\u4e48\u529e\uff1f<\/p>\n\n\n\n
\u4e3a\u4e86\u9632\u6b62\u540c\u65f6\u9009\u62e9\/\u7f16\u8f91\u591a\u4e2a\u6b65\u9aa4\u65f6\u7ec4\u4ef6\u635f\u574f\uff0c\u6211\u4eec\u5fc5\u987b\u5bf9\u6570\u636e\u7684\u8868\u793a\u548c\u8f6c\u6362\u65b9\u5f0f\u8fdb\u884c\u6838\u5fc3\u66f4\u6539\u3002 \u8ba9\u6211\u4eec\u56de\u987e\u4e00\u4e0b\u6211\u4eec\u6240\u505a\u7684\u4e8b\u60c5\u3002<\/p>\n\n\n\n
\u8ddf\u8e2a\u591a\u4e2a\u9009\u5b9a\u7684\u6b65\u9aa4<\/p>\n\n\n\n
\u5728\u6b64\u529f\u80fd\u4e4b\u524d\uff0c\u6211\u4eec\u4ec5\u5728 Redux \u5b58\u50a8\u4e2d\u8ddf\u8e2a\u5355\u4e2a\u201cselectedItem\u201d\u3002 \u6211\u4eec\u7684\u201cselectedItem\u201dreducer \u7c7b\u578b\u63a5\u53e3\u7c7b\u4f3c\u4e8e\u4e0b\u9762\u7684\u4ee3\u7801\u7247\u6bb5\u3002 \u8bf7\u6ce8\u610f\uff0c\u672c\u6587\u4e2d\u7684\u6240\u6709\u4ee3\u7801\u7247\u6bb5\u5747\u91c7\u7528 JavaScript \u7f16\u5199\uff0c\u5e76\u4f7f\u7528 flow js \u952e\u5165\u3002<\/p>\n\n\n\n
Type SelectableItem = SingleSelectedItem
const selectedItem = (state: SelectItemState, action: SelectedItemAction): ?SelectableItem <\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n\u51cf\u901f\u5668\u51fd\u6570\u201cselectedItem\u201d\u63a5\u53d7\u72b6\u6001\u548c\u64cd\u4f5c\uff0c\u5e76\u8fd4\u56de\u6240\u9009\u9879\u76ee\uff08\u4fdd\u5b58\u6240\u9009\u9879\u76ee\u76f8\u5173\u4fe1\u606f\u7684\u5bf9\u8c61\uff09\uff0c\u5982\u679c\u6ca1\u6709\u6240\u9009\u9879\u76ee\uff0c\u5219\u8fd4\u56de null\u3002<\/p>\n\n\n\n
\u4e3a\u4e86\u907f\u514d\u5728\u6279\u91cf\u7f16\u8f91\u6a21\u5f0f\u4e0b\u6dfb\u52a0\u65b0\u7684\u7f29\u51cf\u5668\u6765\u4fdd\u5b58\u591a\u4e2a\u6b65\u9aa4\uff0c\u6211\u4eec\u9009\u62e9\u4fee\u6539\u201cselectedItem\u201d\u7f29\u51cf\u5668\u4ee5\u9002\u5e94\u8fd4\u56de\u5355\u4e2a\u6b65\u9aa4\u548c\u591a\u4e2a\u6b65\u9aa4\u3002<\/p>\n\n\n\n
Type SelectableItem = SingleSelectedItem | MultipleSelectedItem
const selectedItem = (state: SelectItemState, action: SelectedItemAction): ?SelectableItem <\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n\u201cselectedItem\u201d\u7684\u8fd4\u56de\u7c7b\u578b\u5df2\u4fee\u6539\u4e3a\u80fd\u591f\u4fdd\u5b58\u5305\u542b\u5355\u4e2a\u6b65\u9aa4 id \u7684\u5bf9\u8c61\uff08\u4ee3\u8868\u5355\u4e00\u9009\u62e9\u7c7b\u578b\uff09\uff0c\u6216\u5305\u542b\u591a\u4e2a\u6b65\u9aa4 id \u5217\u8868\u7684\u5bf9\u8c61\uff08\u4ee3\u8868\u591a\u91cd\u9009\u62e9\u7c7b\u578b\uff09 \u3002 \u4e3a\u4e86\u544a\u8bc9 redux \u6211\u4eec\u5df2\u7ecf\u9009\u62e9\u4e86\u591a\u4e2a\u6b65\u9aa4\uff0c\u6211\u4eec\u521b\u5efa\u4e86\u4e00\u4e2a\u540d\u4e3a\u201cSELECT_MULTIPLE_STEPS\u201d\u7684\u64cd\u4f5c\uff0c\u201cselectedItem\u201dreducer \u51fd\u6570\u5c06\u63a5\u53d7\u8be5\u64cd\u4f5c\uff0c\u5e76\u66f4\u65b0\u5176\u503c\u4ee5\u8868\u793a\u591a\u4e2a\u6b65\u9aa4\uff08\u8bf7\u53c2\u9605\u7c7b\u578b\u201cMultipleSelectedItem\u201d\uff09<\/p>\n\n\n\n
\u540d\u4e3a\u201cselectedItem\u201d\u7684\u51cf\u901f\u5668\u80af\u5b9a\u4f1a\u6709\u4e9b\u5c34\u5c2c\uff0c\u5b83\u53ef\u80fd\u4fdd\u5b58\u8868\u793a\u591a\u4e2a\u9879\u76ee\u7684\u6570\u636e\uff0c\u4f46\u6211\u4eec\u6700\u7ec8\u51b3\u5b9a\uff0c\u8fd9\u79cd\u6743\u8861\u662f\u503c\u5f97\u7684\uff0c\u4e0d\u5fc5\u6dfb\u52a0\u989d\u5916\u7684\u51cf\u901f\u5668\u6765\u8868\u793a\u591a\u4e2a\u9009\u5b9a\u7684\u9879\u76ee\uff0c\u4ece\u800c\u5fc5\u987b\u53d6\u6d88\u4e00\u4e2a\u6216\u591a\u4e2a\u9879\u76ee \u53e6\u4e00\u4e2a\u662f\u5728\u5355\u4e2a\u7f16\u8f91\u6a21\u5f0f\u548c\u6279\u91cf\u7f16\u8f91\u6a21\u5f0f\u4e4b\u95f4\u5207\u6362\u65f6\u3002<\/p>\n\n\n\n
\u4e3a\u4e86\u9632\u6b62\u8fc7\u53bb\u53ea\u63a5\u53d7\u4e00\u4e2a\u6b65\u9aa4\u4f5c\u4e3a props \u7684\u7ec4\u4ef6\u88ab\u7834\u574f\uff0c\u6211\u4eec\u80fd\u591f\u5229\u7528 redux \u9009\u62e9\u5668\u6a21\u5f0f\u5c06\u6765\u81ea\u51cf\u901f\u5668\u7684\u6570\u636e\u8f6c\u6362\u4e3a\u6211\u4eec\u7684\u7ec4\u4ef6\u53ef\u4ee5\u63a5\u53d7\u7684\u683c\u5f0f\u3002 \u5c06\u6709\u5173\u6240\u9009\u6b65\u9aa4\u7684\u4fe1\u606f\u63d0\u4f9b\u7ed9\u6211\u4eec\u7684\u7ec4\u4ef6\u7684\u4e3b\u9009\u62e9\u5668\u79f0\u4e3a\u201cgetSelectedStepId\u201d\uff0c\u5b83\u66fe\u7ecf\u6267\u884c\u4ee5\u4e0b\u64cd\u4f5c\uff1a<\/p>\n\n\n\n
const getSelectedStepId: ?string = (state: State) => state.selectedItem<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n \u8fd9\u662f\u9009\u62e9\u5668\u8fc7\u53bb\u6240\u505a\u7684\u4e8b\u60c5\u7684\u7b80\u5316\uff0c\u4f46\u4f60\u660e\u767d\u4e86\u2014\u2014\u5b83\u57fa\u672c\u4e0a\u8fdb\u5165\u4e86\u201cselectedStep\u201d\u51cf\u901f\u5668\u5e76\u8fd4\u56de\u5176\u4e2d\u7684\u4efb\u4f55\u5185\u5bb9\u3002 \u56e0\u4e3a\u6211\u4eec\u7684\u7ec4\u4ef6\u4ece\u9009\u62e9\u5668\u800c\u4e0d\u662f\u51cf\u901f\u5668\u83b7\u53d6\u9009\u5b9a\u7684\u6b65\u9aa4\uff0c\u6240\u4ee5\u6211\u4eec\u80fd\u591f\u9996\u5148\u8f6c\u6362\u51cf\u901f\u5668\u4e2d\u4fdd\u5b58\u7684\u6570\u636e\uff0c\u7136\u540e\u518d\u5c06\u5176\u8f93\u5165\u5230\u6211\u4eec\u7684\u7ec4\u4ef6\u4e2d\u3002<\/p>\n\n\n\n
\u8fd9\u610f\u5473\u7740\u6211\u4eec\u6240\u8981\u505a\u7684\u5c31\u662f\u4fee\u6539\u201cgetSelectedStepId\u201d\u4ee5\u5728reducer\u4fdd\u5b58\u201c\u5355\u9009\u62e9\u7c7b\u578b\u201d\u65f6\u8fd4\u56de\u6b65\u9aa4id\uff0c\u5426\u5219\u8fd4\u56denull\uff1a<\/p>\n\n\n\n
const getSelectedStepId: ?string = (state: State) => state.selectedItem.selectionType === SINGLE_STEP_SELECTION_TYPE ? state.selectedItem.id : null<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n \u7531\u4e8e\u6211\u4eec\u73b0\u6709\u7684\u7ec4\u4ef6\u73b0\u5728\u80fd\u591f\u5904\u7406\u9009\u62e9\u7684\u591a\u4e2a\u6b65\u9aa4\uff0c\u56e0\u6b64\u6211\u4eec\u6dfb\u52a0\u4e86\u4e00\u4e2a\u540d\u4e3a\u201cgetMultiSelectItemIds\u201d\u7684\u65b0\u9009\u62e9\u5668\uff0c\u5b83\u7c7b\u4f3c\u4e8e\u201cgetSelectedStepId\u201d\uff0c\u4f46\u5728\u6279\u91cf\u7f16\u8f91\u6a21\u5f0f\u4e0b\u8fd4\u56de\u6b65\u9aa4 ID \u5217\u8868\uff0c\u5426\u5219\u8fd4\u56de null\u3002 \u8be5\u9009\u62e9\u5668\u5c06\u7528\u4e8e\u544a\u8bc9 PD \u5728\u6279\u91cf\u7f16\u8f91\u6a21\u5f0f\u4e0b\u9009\u62e9\u4e86\u54ea\u4e9b\u6b65\u9aa4\u3002<\/p>\n\n\n\n
const getMultiSelectItemIds: ?Array<string> = (state: State) => state.selectedItem.selectionType === MULTI_STEP_SELECTION_TYPE ? state.selectedItem.ids : null<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n \u4ece\u51cf\u901f\u5668 => \u9009\u62e9\u5668 => \u7ec4\u4ef6\u4e2d\u83b7\u53d6\u6570\u636e\u6d41\u786e\u5b9e\u5bf9\u6211\u4eec\u6709\u5e2e\u52a9\uff0c\u56e0\u4e3a\u6211\u4eec\u80fd\u591f\u66f4\u6539\u51cf\u901f\u5668\u7684\u7ed3\u6784\uff0c\u800c\u4e0d\u5fc5\u62c5\u5fc3\u7ec4\u4ef6\u635f\u574f\u3002 \u6b64\u5916\uff0c\u7531\u4e8e\u6211\u4eec\u4f7f\u7528 reselect \u5c06\u9009\u62e9\u5668\u7ec4\u5408\u5728\u4e00\u8d77\uff0c\u56e0\u6b64\u6240\u6709\u4f7f\u7528\u201cgetSelectedStepId\u201d\u7684\u9ad8\u9636\u9009\u62e9\u5668\u4ecd\u7136\u53ef\u4ee5\u6b63\u5e38\u5de5\u4f5c\u3002<\/p>\n\n\n\n
\u586b\u5145\u6279\u91cf\u7f16\u8f91\u8868\u5355<\/strong><\/p>\n\n\n\n
PD \u6839\u636e\u89c4\u5219\u77e9\u9635\u786e\u5b9a\u591a\u4e2a\u6b65\u9aa4\u4e2d\u7684\u54ea\u4e9b\u5b57\u6bb5\u662f\u53ef\u7f16\u8f91\u7684\u3002 \u4f8b\u5982\uff0c\u5982\u679c\u7528\u6237\u9009\u62e9\u4e24\u4e2a\u8f6c\u79fb\u6b65\u9aa4\uff0c\u5e76\u4e14\u8fd9\u4e24\u4e2a\u6b65\u9aa4\u5177\u6709\u4e0d\u540c\u7684\u79fb\u6db2\u5668\uff0c\u5219\u4ed6\u4eec\u4e0d\u5e94\u80fd\u591f\u4fee\u6539\u4e24\u4e2a\u6b65\u9aa4\u4e4b\u95f4\u5171\u4eab\u7684\u79fb\u6db2\u5668\u6d41\u901f\u8bbe\u7f6e\u3002<\/p>\n\n\n\n
\u4f7f\u7528\u89c4\u5219\u77e9\u9635\uff0c\u6211\u4eec\u521b\u5efa\u4e86\u53e6\u4e00\u4e2a\u540d\u4e3a\u201cgetMultiSelectDisabledFields\u201d\u7684 redux \u9009\u62e9\u5668\uff0c\u987e\u540d\u601d\u4e49\uff0c\u5b83\u786e\u5b9a\u5728\u591a\u9009\u6a21\u5f0f\u4e0b\u5e94\u7981\u7528\u54ea\u4e9b\u5b57\u6bb5\u3002 \u5b83\u4f1a\u8fed\u4ee3\u6240\u9009\u8868\u5355\u4e2d\u7684\u6240\u6709\u5b57\u6bb5\uff0c\u5e76\u786e\u5b9a\u8868\u5355\u662f\u5426\u5171\u4eab\u76f8\u540c\u7684\u79fb\u6db2\u5668\u3001\u5b9e\u9a8c\u5ba4\u5668\u5177\u7b49\u3002\u6839\u636e\u6bcf\u4e2a\u5b57\u6bb5\u7684\u89c4\u5219\uff0c\u5b83\u5c06\u8fd4\u56de\u54ea\u4e9b\u5b57\u6bb5\u88ab\u7981\u7528\u7684\u6620\u5c04\u4ee5\u53ca\u6bcf\u4e2a\u5b57\u6bb5\u88ab\u7981\u7528\u7684\u539f\u56e0\u3002 \u5b57\u6bb5\u88ab\u7981\u7528\u3002 \u7136\u540e\uff0c\u6279\u91cf\u7f16\u8f91\u8868\u5355\u7ec4\u4ef6\u53ef\u4ee5\u4f7f\u7528\u6b64\u4fe1\u606f\u6765\u586b\u5145\u54ea\u4e9b\u5b57\u6bb5\u53ef\u7f16\u8f91\uff0c\u54ea\u4e9b\u5b57\u6bb5\u4e0d\u53ef\u7f16\u8f91\u3002<\/p>\n\n\n\n
<\/figure>\n\n\n\n
\u8ddf\u8e2a\u6279\u91cf\u7f16\u8f91\u66f4\u6539<\/strong><\/p>\n\n\n\n
\u586b\u5145\u6279\u91cf\u7f16\u8f91\u8868\u5355\u7684\u5b57\u6bb5\u540e\uff0c\u9700\u8981\u5728\u7528\u6237\u4fee\u6539\u5b83\u4eec\u65f6\u8ddf\u8e2a\u5176\u503c\u7684\u66f4\u6539\u3002 \u8fd9\u662f\u51fa\u4e8e\u4ee5\u4e0b\u51e0\u4e2a\u539f\u56e0\uff1a<\/p>\n\n\n\n
\n
- \u6211\u4eec\u9700\u8981\u77e5\u9053\u7528\u6237\u662f\u5426\u5bf9\u8868\u5355\u8fdb\u884c\u4e86\u4efb\u4f55\u66f4\u6539\uff0c\u56e0\u4e3a\u5982\u679c\u4ed6\u4eec\u8fdb\u884c\u4e86\u66f4\u6539\uff0c\u6211\u4eec\u60f3\u63d0\u9192\u4ed6\u4eec\uff0c\u5982\u679c\u4ed6\u4eec\u5c1d\u8bd5\u9000\u51fa\u8868\u5355\uff0c\u4ed6\u4eec\u5c06\u4e22\u5931\u8fd9\u4e9b\u66f4\u6539\u3002<\/li>\n\n\n\n
- \u4e00\u65e6\u4ed6\u4eec\u5b8c\u6210\u66f4\u6539\uff0c\u6211\u4eec\u9700\u8981\u5c06\u4ed6\u4eec\u6240\u505a\u7684\u672a\u4fdd\u5b58\u7684\u66f4\u6539\uff08\u5f71\u54cd\u591a\u4e2a\u6b65\u9aa4\uff09\u5408\u5e76\u5230 PD \u5168\u5c40\u72b6\u6001\u5185\u5df2\u4fdd\u5b58\u7684\u6b65\u9aa4\u6620\u5c04\u4e2d\u3002<\/li>\n<\/ol>\n\n\n\n
\u5bf9\u4e8e\u5355\u4e00\u7f16\u8f91\u6a21\u5f0f\uff0c\u6709\u53e6\u4e00\u4e2a\u540d\u4e3a\u201cunsavedForm\u201d\u7684\u51cf\u901f\u5668\uff0c\u5b83\u5c06\u6240\u6709\u4fe1\u606f\u4fdd\u5b58\u5728\u5355\u4e2a\u672a\u4fdd\u5b58\u7684\u8868\u5355\u4e2d\uff0c\u4f46\u6211\u4eec\u51b3\u5b9a\u4e0d\u5728\u6279\u91cf\u7f16\u8f91\u6a21\u5f0f\u4e2d\u91cd\u7528\u5b83\uff0c\u56e0\u4e3a\uff1a<\/p>\n\n\n\n
1.\u6279\u91cf\u7f16\u8f91\u8868\u5355\u4fdd\u5b58\u591a\u4e2a\u8868\u5355\u7684\u4fe1\u606f\uff0c\u800c\u4e0d\u4ec5\u4ec5\u662f\u4e00\u4e2a\u8868\u5355<\/p>\n\n\n\n
\n
- \u5728\u6279\u91cf\u7f16\u8f91\u6a21\u5f0f\u4e0b\uff0c\u4ec5\u4fdd\u5b58\u6709\u5173\u54ea\u4e9b\u8868\u5355\u5b57\u6bb5\u5df2\u66f4\u6539\u7684\u4fe1\u606f\u8981\u6709\u7528\u5f97\u591a\u3002 \u8fd9\u6837\uff0c\u5f53\u7528\u6237\u4fdd\u5b58\u6279\u91cf\u7f16\u8f91\u8868\u5355\u65f6\uff0c\u6211\u4eec\u6240\u8981\u505a\u7684\u5c31\u662f\u5c06\u66f4\u6539\u6269\u5c55\u5230\u4fdd\u5b58\u6240\u6709\u5df2\u4fdd\u5b58\u8868\u5355\u4fe1\u606f\u7684\u201csavedStepForms\u201d\u7f29\u51cf\u7a0b\u5e8f\u4e2d\u7684\u6bcf\u4e2a\u53d7\u5f71\u54cd\u7684\u6b65\u9aa4\u3002 \u8fd9\u4e5f\u610f\u5473\u7740\u53ea\u8981\u8868\u793a\u66f4\u6539\u7684\u5bf9\u8c61\u4e0d\u4e3a\u7a7a\uff0c\u6211\u4eec\u5c31\u77e5\u9053\u7528\u6237\u5df2\u8fdb\u884c\u66f4\u6539\u3002<\/li>\n<\/ol>\n\n\n\n
\u4e3a\u4e86\u5b9e\u73b0\u8fd9\u4e00\u70b9\uff0c\u6211\u4eec\u521b\u5efa\u4e86\u4e00\u4e2a\u540d\u4e3a\u201cbatchEditFormChanges\u201d\u7684\u65b0\u51cf\u901f\u5668\uff0c\u5b83\u5305\u542b\u4e00\u4e2a\u7eaf JavaScript \u5bf9\u8c61\uff0c\u5c06\u7f16\u8f91\u7684\u5b57\u6bb5\u540d\u79f0\u8868\u793a\u4e3a\u952e\uff0c\u4ee5\u53ca\u5173\u8054\u7684\u5b57\u6bb5\u503c\u3002<\/p>\n\n\n\n
\u91cd\u7528\u8868\u5355\u7ec4\u4ef6<\/strong><\/p>\n\n\n\n
PD \u7684\u8868\u5355\u7ec4\u4ef6\u975e\u5e38\u201c\u667a\u80fd\u201d\uff0c\u56e0\u4e3a\u5b83\u4eec\u8fde\u63a5\u5230 redux\uff0c\u56e0\u6b64\u53ef\u4ee5\u8bbf\u95ee\u8868\u5355\u6570\u636e\u3002 \u95ee\u9898\u5728\u4e8e\u201c\u667a\u80fd\u201d\u7ec4\u4ef6\u4e2d\u7684\u903b\u8f91\u76f4\u63a5\u4e0e\u5355\u4e00\u7f16\u8f91\u6a21\u5f0f\u76f8\u5173\u3002 \u4e3a\u4e86\u6d88\u9664\u5355\u4e00\u7f16\u8f91\u6a21\u5f0f\u7684\u4f9d\u8d56\uff0c\u6211\u4eec\u51b3\u5b9a\u5728\u5355\u4e00\u7f16\u8f91\u6a21\u5f0f\u548c\u6279\u91cf\u7f16\u8f91\u6a21\u5f0f\u4e0b\u6ce8\u5165\u8868\u5355\u7ec4\u4ef6\uff0c\u5e76\u4f7f\u7528\u4e00\u7ec4\u5171\u4eab\u540d\u4e3a\u201cFieldProps\u201d\u7684\u901a\u7528 API \u7684 props<\/p>\n\n\n\n
export type FieldProps = {|
disabled: boolean,
errorToShow: ?string,
isIndeterminate?: boolean,
name: string,
onFieldBlur: () => mixed,
onFieldFocus: () => mixed,
tooltipContent?: ?string,
updateValue: mixed => void,
value: mixed,
|}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n\u4e3a\u4e86\u5b9e\u73b0\u8fd9\u4e00\u76ee\u6807\uff0c\u6211\u4eec\u521b\u5efa\u4e86\u4e24\u4e2a\u5355\u72ec\u7684\u51fd\u6570\uff08\u4e00\u4e2a\u7528\u4e8e\u5355\u4e00\u7f16\u8f91\u6a21\u5f0f\uff0c\u4e00\u4e2a\u7528\u4e8e\u6279\u91cf\u7f16\u8f91\u6a21\u5f0f\uff09\uff0c\u8d1f\u8d23\u8ba1\u7b97\u4e0a\u9762\u7684\u6bcf\u4e2a\u201cFieldProps\u201d\u3002 \u5b83\u4eec\u88ab\u6070\u5f53\u5730\u547d\u540d\u4e3a\u201cmakeSingleEditFieldProps\u201d\u548c\u201cmakeBatchEditFieldProps\u201d\u3002 \u5355\u4e00\u7f16\u8f91\u8868\u5355\u7684\u4e3b\u8981\u7236\u7ec4\u4ef6\u4f7f\u7528\u524d\u8005\uff0c\u800c\u6279\u91cf\u7f16\u8f91\u8868\u5355\u7684\u5bf9\u5e94\u7ec4\u4ef6\u5219\u4f7f\u7528\u540e\u8005\u3002<\/p>\n\n\n\n
\u8fd9\u4e24\u4e2a\u7eaf\u51fd\u6570\u90fd\u83b7\u53d6\u76f8\u5e94\u7684\u5355\u7f16\u8f91\/\u6279\u91cf\u7f16\u8f91\u72b6\u6001\u4fe1\u606f\uff08\u4f8b\u5982\u6bcf\u4e2a\u8868\u5355\u4e2d\u5305\u542b\u54ea\u4e9b\u4fe1\u606f\uff09\uff0c\u6267\u884c\u5fc5\u8981\u7684\u903b\u8f91\uff0c\u5e76\u8fd4\u56de\u4e00\u4e2a\u5305\u542b\u4e0e\u4e0a\u9762\u76f8\u540c\u7684\u201cFieldProps\u201d\u63a5\u53e3\u7684\u5bf9\u8c61\u3002 \u8fd9\u610f\u5473\u7740\u53ea\u8981\u6211\u4eec\u6240\u6709\u7684\u8868\u5355\u7ec4\u4ef6\u63a5\u53d7\u201cFieldProps\u201d\u63a5\u53e3\uff0c\u5b83\u4eec\u5c31\u53ef\u4ee5\u7528\u4e8e\u5355\u4e00\u7f16\u8f91\u6a21\u5f0f\u548c\u6279\u91cf\u7f16\u8f91\u6a21\u5f0f\u3002<\/p>\n\n\n\n
\u5c06\u6211\u4eec\u73b0\u6709\u7684\u8868\u5355\u7ec4\u4ef6\u4ece\u8026\u5408\u7684\u5355\u4e00\u7f16\u8f91\u6a21\u5f0f\u903b\u8f91\u4e2d\u8fc1\u79fb\u51fa\u6765\u662f\u4e00\u9879\u76f8\u5f53\u5927\u7684\u5de5\u4f5c\uff08\u800c\u4e14\u6211\u4eec\u8fd8\u6709\u66f4\u591a\u5de5\u4f5c\u8981\u505a\uff09\uff0c\u4f46\u662f\u521b\u5efa\u8fd9\u4e2a\u901a\u7528\u7684 props \u63a5\u53e3\u5141\u8bb8\u6211\u4eec\u91cd\u7528\u73b0\u6709\u7684\u8868\u5355\u5b57\u6bb5\u7ec4\u4ef6\uff0c\u540c\u65f6\u7ed8\u5236\u4e00\u4e2a \u5355\u4e00\u7f16\u8f91\u6a21\u5f0f\u903b\u8f91\u548c\u6279\u91cf\u7f16\u8f91\u6a21\u5f0f\u903b\u8f91\u4e4b\u95f4\u7684\u6e05\u6670\u754c\u9650\u3002<\/p>\n\n\n\n
\u8981\u70b9<\/h2>\n\n\n\n
\u4e0a\u8ff0\u6240\u6709\u5de5\u4f5c\uff08\u4ee5\u53ca\u66f4\u591a\uff09\u82b1\u4e86\u6211\u4eec\u7531\u4e09\u540d\u5de5\u7a0b\u5e08\u3001\u4e00\u540d\u8bbe\u8ba1\u5e08\u3001\u4e00\u540d\u4ea7\u54c1\u7ecf\u7406\u548c\u4e00\u540d\u8d28\u91cf\u68c0\u67e5\u5de5\u7a0b\u5e08\u7ec4\u6210\u7684\u56e2\u961f\u5927\u7ea6\u4e09\u4e2a\u6708\u7684\u65f6\u95f4\u624d\u5b8c\u6210\u3002 \u60a8\u53ef\u4ee5\u5728\u6b64\u5904\u67e5\u770b\u6211\u4eec\u7528\u4e8e\u9009\u62e9\u591a\u4e2a\u6b65\u9aa4\u7684\u53f2\u8bd7\uff0c\u4ee5\u53ca\u7528\u4e8e\u6279\u91cf\u7f16\u8f91\u8868\u5355\u7279\u5b9a\u5de5\u4f5c\u7684\u53f2\u8bd7\u3002 \u6211\u4eec\u7684\u6240\u6709\u5de5\u4f5c\u90fd\u662f\u5f00\u6e90\u7684\uff0c\u56e0\u6b64\u8bf7\u968f\u610f\u6d4f\u89c8\u6211\u4eec\u7684\u4ee3\u7801\u5e93\u3002<\/p>\n\n\n\n
\u5728\u5f00\u59cb\u5f00\u53d1\u6b64\u529f\u80fd\u4e4b\u524d\uff0c\u6211\u4eec\u95ee\u81ea\u5df1\u6574\u4e2a\u5b63\u5ea6\u7684\u6295\u8d44\u662f\u5426\u503c\u5f97\u3002 \u7531\u4e8e\u6279\u91cf\u7f16\u8f91\u662f\u8fc4\u4eca\u4e3a\u6b62\u7528\u6237\u6700\u5e38\u89c1\u7684\u529f\u80fd\u8bf7\u6c42\uff0c\u56e0\u6b64\u6211\u4eec\u6700\u7ec8\u51b3\u5b9a\u5982\u6b64\u3002 \u7136\u800c\uff0c\u503c\u5f97\u6ce8\u610f\u7684\u662f\uff0c\u7528\u6237\u60f3\u8981\u540c\u65f6\u7f16\u8f91\u591a\u4e2a\u6b65\u9aa4\u7684\u539f\u56e0\u662f\u56e0\u4e3a\u4ed6\u4eec\u7684\u534f\u8bae\u901a\u5e38\u5305\u542b\u8bb8\u591a\u6b65\u9aa4\uff0c\u8fd9\u4e9b\u6b65\u9aa4\u66f4\u5bb9\u6613\u6279\u91cf\u7f16\u8f91\uff0c\u800c\u4e0d\u662f\u4e00\u6b21\u7f16\u8f91\u4e00\u4e2a\u3002 \u968f\u7740\u8d8a\u6765\u8d8a\u591a\u7684\u79d1\u5b66\u5bb6\u4f7f\u7528 PD \u6765\u89e3\u51b3\u8d8a\u6765\u8d8a\u590d\u6742\u7684\u95ee\u9898\uff0c\u5305\u542b\u8bb8\u591a\u6b65\u9aa4\u7684\u534f\u8bae\u95ee\u9898\u5c06\u4f1a\u589e\u52a0\u3002<\/p>\n\n\n\n
\u5c55\u671b\u672a\u6765\uff0c\u6211\u4eec\u5e0c\u671b\u66f4\u597d\u5730\u4e86\u89e3\u7528\u6237\u5230\u5e95\u5728\u4f7f\u7528 PD \u6784\u5efa\u4ec0\u4e48\uff0c\u4ee5\u53ca\u6211\u4eec\u53ef\u4ee5\u91c7\u53d6\u54ea\u4e9b\u63aa\u65bd\u6765\u5e2e\u52a9\u4ed6\u4eec\u6700\u5927\u9650\u5ea6\u5730\u51cf\u5c11\u521b\u5efa\u6b65\u9aa4\u3002 \u968f\u7740 PD \u7684\u4e0d\u65ad\u53d1\u5c55\u548c\u53d1\u5c55\uff0c\u6211\u4eec\u5c06\u52aa\u529b\u56de\u7b54\u8fd9\u4e9b\u95ee\u9898\u3002 \u867d\u7136\u6211\u4eec\u5bf9\u6b64\u529f\u80fd\u611f\u5230\u975e\u5e38\u5174\u594b\uff0c\u4f46\u6211\u4eec\u7684\u4f7f\u547d\u662f\u8ba9\u79d1\u5b66\u5bb6\u80fd\u591f\u66f4\u5feb\u5730\u91c7\u53d6\u884c\u52a8\uff0c\u5e76\u89e3\u51b3\u6211\u4eec\u8feb\u5207\u9700\u8981\u4ed6\u4eec\u89e3\u51b3\u7684\u95ee\u9898\uff0c\u8fd9\u4e00\u4f7f\u547d\u8fd8\u8fdc\u672a\u7ed3\u675f\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
Opentrons \u5f88\u9ad8\u5174\u4e3a\u534f\u8bae\u8bbe\u8ba1\u5668\u53d1\u5e03\u6539\u8fdb\u7684\u6279\u91cf\u7f16\u8f91\u9009\u9879\u3002 \u4ee5\u4e0b\u662f\u60a8\u9700\u8981\u4e86\u89e3\u7684\u6709\u5173\u5176\u5de5\u4f5c\u539f\u7406\u7684\u6240\u6709\u4fe1\u606f\u3002 […]<\/p>\n","protected":false},"author":3,"featured_media":675,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[40],"tags":[],"class_list":["post-673","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-updates"],"yoast_head":"\n
Opentrons \u534f\u8bae\u8bbe\u8ba1\u5668\u66f4\u65b0\uff1a\u6279\u91cf\u7f16\u8f91\u6982\u8ff0 - Opentrons\u4e2d\u56fd\u5b98\u7f51<\/title>\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\t\n\n\n\n\t\n\t\n\t\n