使用 optionLabelProp 自定义选中项, 无法通过外部依赖项更新选中项属性

场景:
自定义 Select 选中项后, 需要支持 dark mode 主题, Select 选中项文字样式跟随主题切换

问题:
外部感知到 dark mode 更新后, 尝试更新 Select 已 **选中项** 文字颜色, 结果更新失败

[SandBox](https://codesandbox.io/p/devbox/wcx77g?file=%2Fsrc%2FApp.tsx%3A86%2C50&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clsvkecbm00063b6l8b0gsox9%2522%252C%2522sizes%2522%253A%255B62.78794402583423%252C37.21205597416577%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clsvkecbm00023b6lire9rutu%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clsvkecbm00043b6l266vztop%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clsvkecbm00053b6ldzdjgvza%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clsvkecbm00023b6lire9rutu%2522%253A%257B%2522id%2522%253A%2522clsvkecbm00023b6lire9rutu%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clsvmf3op00023b6l27jfzvy6%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A86%252C%2522startColumn%2522%253A50%252C%2522endLineNumber%2522%253A86%252C%2522endColumn%2522%253A50%257D%255D%252C%2522filepath%2522%253A%2522%252Fsrc%252FApp.tsx%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522activeTabId%2522%253A%2522clsvmf3op00023b6l27jfzvy6%2522%257D%252C%2522clsvkecbm00053b6ldzdjgvza%2522%253A%257B%2522id%2522%253A%2522clsvkecbm00053b6ldzdjgvza%2522%252C%2522activeTabId%2522%253A%2522clsvlwi1o03ye3b6lme806j5x%2522%252C%2522tabs%2522%253A%255B%257B%2522type%2522%253A%2522DOCS%2522%252C%2522id%2522%253A%2522clsvlwhhe03xc3b6ljk1iprkv%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%252C%257B%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522Development%2522%252C%2522port%2522%253A5173%252C%2522id%2522%253A%2522clsvlwi1o03ye3b6lme806j5x%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522path%2522%253A%2522%252F%2522%257D%255D%257D%252C%2522clsvkecbm00043b6l266vztop%2522%253A%257B%2522id%2522%253A%2522clsvkecbm00043b6l266vztop%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clsvkecbm00033b6ln3a06vsm%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TERMINAL%2522%252C%2522shellId%2522%253A%2522clsvkedod000adkf856nc069m%2522%257D%252C%257B%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522Development%2522%252C%2522id%2522%253A%2522clsvlprrn02yw3b6lnr5zcfcx%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%255D%252C%2522activeTabId%2522%253A%2522clsvlprrn02yw3b6lnr5zcfcx%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D)

https://github.com/react-component/select/assets/26668179/8959036b-c68c-46e2-8394-c9e5fd216e0e






Provide feedback

Saved searches

Use saved searches to filter your results more quickly

使用 optionLabelProp 自定义选中项, 无法通过外部依赖项更新选中项属性 #1027

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

使用 optionLabelProp 自定义选中项, 无法通过外部依赖项更新选中项属性 #1027

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions