AutocompleteArrayInput显示空白条目
创始人
2024-09-22 19:31:12
0

在解决"AutocompleteArrayInput显示空白条目"这个问题时,可以使用以下代码示例的解决方法:

  1. 创建一个自定义的AutocompleteArrayInput组件,继承自AutocompleteArrayInput,并重写render函数。
import React from 'react';
import { AutocompleteArrayInput } from 'react-admin';

const CustomAutocompleteArrayInput = ({ ...props }) => {
    const { choices, ...rest } = props;

    // 过滤掉空白条目
    const filteredChoices = choices.filter(choice => choice !== '');

    return ;
};

export default CustomAutocompleteArrayInput;
  1. 在使用AutocompleteArrayInput的地方,使用自定义的AutocompleteArrayInput组件替代原来的AutocompleteArrayInput。
import React from 'react';
import { Edit, SimpleForm, TextInput } from 'react-admin';
import CustomAutocompleteArrayInput from './CustomAutocompleteArrayInput';

const PostEdit = (props) => (
    
        
            
            
        
    
);

export default PostEdit;

在这个例子中,通过自定义的AutocompleteArrayInput组件实现了过滤掉空白条目的功能。在使用AutocompleteArrayInput时,传入的choices数组中可以包含空白条目(""),而渲染时会过滤掉这些空白条目,从而实现了AutocompleteArrayInput显示空白条目的问题的解决。

相关内容

热门资讯

4分钟实锤!德州AI智能辅助机... 4分钟实锤!德州AI智能辅助机器人(德州扑克)一直是有挂(详细辅助2025新版总结)亲,关键说明,德...
第8分钟实锤!德州ai辅助软件... 第8分钟实锤!德州ai辅助软件(德州nzt)切实真的是有挂(详细辅助技巧教程)1、进入到德州ai辅助...
第3分钟实锤!德扑起手牌胜率图... 第3分钟实锤!德扑起手牌胜率图(德州俱乐部)都是有挂(详细辅助力荐教程)1、进入到德扑起手牌胜率图黑...
第八分钟实锤!智星德州菠萝有挂... 第八分钟实锤!智星德州菠萝有挂吗(德州机器人)一贯存在有挂(详细辅助扑克教程)1、该软件可以轻松地帮...
第2分钟实锤!德州ai辅助有用... 第2分钟实锤!德州ai辅助有用(德州机器人)一直存在有挂(详细辅助透牌教程)1)德州ai辅助有用辅助...
3分钟实锤!德州ai人工智能(... 3分钟实锤!德州ai人工智能(线上德州)一贯真的有挂(详细辅助揭秘教程)1、德州ai人工智能系统规律...
四分钟实锤!智星德州菠萝(德州... 四分钟实锤!智星德州菠萝(德州)确实有挂(详细辅助技巧教程)1、上手简单,内置详细流程视频教学,新手...
第八分钟实锤!德州ai机器人(... 第八分钟实锤!德州ai机器人(德州nzt)真是是有挂(详细辅助力荐教程)1.德州ai机器人 ai辅助...
两分钟实锤!德州之星有外挂(德... 两分钟实锤!德州之星有外挂(德州扑克)其实真的有挂(详细辅助可靠技巧)进入游戏-大厅左侧-新手福利-...
第一分钟实锤!德州免费辅助神器... 第一分钟实锤!德州免费辅助神器app(线上德州)真是真的是有挂(详细辅助线上教程)1、每一步都需要思...