如何在react-bootstrap-autosuggest中设置建议限制?

时间:2018-11-05 09:39:18

标签: autosuggest

我正在处理一个大数据集,如果初始匹配,它会填充所有记录,因此我如何只选择前10个记录。

我正在使用以下组件。

import React from 'react';
import Autosuggest from 'react-bootstrap-autosuggest';

export const RenderAutoSuggest = ({
    input,
    className,
    datalist,
    placeholder,
    //value,
    onChange,
    onSelect,
    meta: {
        touched,
        error,
        warning
    }
}) => (
    <div>
        <Autosuggest
            {...input}
            className={touched && error ? 'form-control has-error' : className}
            datalist={datalist}
            placeholder={placeholder}
            //value={value}
            itemReactKeyPropName="id"
            itemValuePropName="name"
            onChange={onChange}
            onSelect={onSelect} />

        {touched && ((error && <span className="error-text">{error}</span>) || (warning && <span className="error-text">{warning}</span>))} 
    </div>
)

0 个答案:

没有答案