Отключена кнопка Search.Input and.design - PullRequest
Новая
       16

Отключена кнопка Search.Input and.design

0 голосов
/ 14 апреля 2020

Мне нужно отключить кнопку в компоненте поиска. Отключите его, если ввод пуст и адрес электронной почты недействителен. Я не мог найти решение, чтобы это произошло, если кто-то сделал это раньше, пожалуйста, помогите. Кнопка ввода просто показывает кнопку на true или false, но нет свойства, которое отключает это. 

 <Search
   value={this.state.email}
   style={{width: '450px', marginTop: '20px',}}
   placeholder={t('emailPlaceHolder')}
   enterButton={t('submit')}
   onSearch={this.handleSubmitEmail}
   onChange={this.handleEmailChange}
 />

Заранее спасибо, ребята

1 Ответ

0 голосов
/ 14 апреля 2020

Существует свойство для компонента поиска с именем enterButton, которое является либо логическим, либо компонентом реакции. вы можете использовать простой функциональный компонент для замены кнопки, которую он предоставляет вам, и вы можете передать свои реквизиты этой кнопке самостоятельно. 

<Search
  enterButton={() => <MyEnterButtonComponent disabled={myEmailValidationFunction} />
/>

Этот является API компонента поиска.

...