管理員休息有沒有辦法擺脫ReferenceInput中的重複過濾器？

Question

我遇到了一個問題，我試圖過濾名爲「Severity」的列，列中有重複項。該列包含ERROR，INFO或DEBUG。當我使用這個：

const LogFilter = (props) => (
    <Filter {...props}> 
     <TextInput label="Search" source="q" alwaysOn /> 
     <ReferenceInput label="Severity" source="severity" reference="archivedfiles" allowEmpty> 
      <SelectInput optionText="Severity" /> 
     </ReferenceInput> 
    </Filter> 
); 

在我的下拉我得到的重複萬噸的事情列出來......有沒有一種方法，以使其具有唯一我想要的選項，沒有重複？

Answer 1

您需要的是一個HigherOrder組件，用於包裝SelectInput並在它們碰到選擇輸入之前將其過濾掉。

const SelectUniqueChoices = WrappedComponent => props => { 
    const filteredChoices = UniqueElements(props.choices) 
    const newProps = {...props} 
    newProps.choices = filteredChoices 
    return (<WrappedComponent {...newProps} />) 
} 

const UniqueElements = (array) => (
    Array.from(new Set(array)) 
) 

const WrappedSelectField = SelectUniqueChoices(SelectInput) 

const LogFilter = (props) => (
    <Filter {...props}> 
     <TextInput label="Search" source="q" alwaysOn /> 
     <ReferenceInput label="Severity" source="severity" reference="archivedfiles" allowEmpty> 
      <WrappedSelectField optionText="Severity" /> 
     </ReferenceInput> 
    </Filter> 
);