marmelab/react-admin

Add emptyText property to SelectArrayInput

Open

#10,454 建立於 2025年1月20日

在 GitHub 查看
 (4 留言) (0 反應) (0 負責人)TypeScript (23,863 star) (5,138 fork)batch import
enhancementgood first issue

描述

It would be nice to allow to specify what should be rendered inside a SelectArrayInput when no choice is selected. This feature is already present in the SelectInput.

For example:

const channelChoices = [
    {id: "email", name: "Email"},
    {id: "push", name: "Push Notification"},
];
<SelectArrayInput source="channels" choices={channelChoices} emptyText={<i>All Channels</i>} />

貢獻者指南

技術棧
reacttypescript
領域
frontend
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
fresh
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
React basicsTypeScriptreact admin component patterns
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
80
研究方向
Examine the implementation of `emptyText` in `SelectInput` (likely in `packages/ra ui materialui/src/input/SelectInput.tsx`). Then replicate the logic in `SelectArrayInput` (same directory), including prop types, rendering condition, and test updates. Consider any differences in how `SelectArrayInput` handles selections (array vs single value).