Question

我正在将一个项目转换为使用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>

“语义”表单如下所示，并在表单中的每次更改时都显示“提交”和“帮助”：

<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>

这是怎么回事？

Answer 1

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

解决了该问题，并添加了一个提交按钮，使其正常工作

onSubmit会在每次更改时触发，基本形式没有

1 个答案: