getInputProps в понижении

Question

Когда я рендерим элемент ввода при использовании Downshift, это неправильно делать

<input {...getInputProps({...this.props})} />

или мне следует более конкретно указать, какие атрибуты передаются в объект в getInputProps?

{...getInputProps({placeholder: this.props.placeholder})}

Позже я не смогу добавить другие атрибуты (например, data-testid:controlName), не изменив мой источник контроля, чтобы специально искать его

Answer 1

Согласно документам , вы должны передать все реквизиты в качестве объекта для элемента ввода. Я лично не использовал понижающую передачу, но я бы предположил, что это сработает (и всегда полезно пропускать только то, что вам нужно, без дополнительного «беспорядка»):

<input {...getInputProps({
    placeholder: this.props.placeholder,
    data-testid: controlName,
    moreProps: this.props.additionalInfo
})} />

Однако, чтобы быть более прямым к исходному вопросу, при условии, что ваши свойства в this.props помечены соответствующим образом (т. Е. placeholder: placeholderValue), не должно быть никаких проблем с распространением this.props в качестве параметра для getInputProps().