onSubmit срабатывает при каждом изменении, базовая форма не - PullRequest
Новая
       26

onSubmit срабатывает при каждом изменении, базовая форма не

0 голосов
/ 23 июня 2019

Я конвертирую проект для использования Semantic-UI-React, и форма запускается при каждом изменении. Старая форма выглядела так и работала как задумано: 

<div className="entryForm">      
              <form onSubmit={this.handleSubmit}> 
                <span className="formLabel">Location:</span>
                <input type='text' name="location" placeholder="Location" 
                   onChange={this.handleChange} autoComplete="off" /><br/>
                Date Activity:
                <input type='text' name="activity" placeholder="Activity" 
                   onChange={this.handleChange} autoComplete="off"/><br/>
                Cuisine:
                <input type='text' name="cuisine" placeholder="Cuisine" 
                   onChange={this.handleChange} autoComplete="off"/>
                   <button type="submit" value="submit" hidden="hidden"/>
              </form></div>

Семантическая форма выглядит следующим образом и отображает как SUBMIT, так и HELP при каждом изменении в форме: 

<Form onSubmit={console.log("SUBMIT")}
            onChange={console.log("HELP")}>

                <Form.Field inline>
                        <label>Location:</label>
                    <Input name='location' 
                           placeholder='Enter a neighborhood here' 
                           onChange={this.handleChange} 
                           autoComplete="off"/>
                </Form.Field>
                <Form.Field inline>
                        <label>Activity:</label>
                    <Input name='activity' 
                           placeholder='Enter a a fun activity' 
                           onChange={this.handleChange} 
                           autoComplete="off"/>
                </Form.Field>
                <Form.Field inline>
                        <label>Cuisine:</label>
                    <Input name='cuisine' 
                           placeholder='What do you want to eat' 
                           onChange={this.handleChange} 
                           autoComplete="off"/>
                </Form.Field>
            </Form>

Что происходит?

1 Ответ

0 голосов
/ 23 июня 2019

onSubmit={(() => console.log("SUBMIT"))}

Это исправило это, а также добавив кнопку отправки, заработало

...