2017-08-08 67 views
0

我是React和reactstrap的新手,我想知道如何設置一個表單,使用Form標籤提交到路徑後提交。我在找到這個文檔的文檔中找不到示例。所以我在尋找這樣的一個等價的:如何在React中使用reactstrap庫設置發佈表單?

<form action='/signup/insert' method = 'POST'> 
    <div class="form-group"> 
     <input id ='signup' type='text' name='uid' placeholder='Username'><br> 
     <input id ='signup' type='password' name='pwd' placeholder='Password'><br> 
     <input id ='signup' type='text' name='email' placeholder='E-mail address'><br> 
     <button id = 'switch' type='submit'>Sign Up</button> 
    </div> 
</form> 

我想是這樣的:

<Form> 
    <FormGroup> 
     <Label for="exampleEmail">Email</Label> 
     <Input 
      type="email" 
      name="email" 
      id="exampleEmail" 
      placeholder="[email protected]" 
     /> 
    </FormGroup> 
    <FormGroup> 
     <Label for="examplePassword">Password</Label> 
     <Input 
      type="password" 
      name="password" 
      id="examplePassword" 
      placeholder="password" 
     /> 
    </FormGroup> 
    <Button>Sign Up</Button> 
</Form> 

我一定要在按鈕標記添加呢?這個怎麼做?我的路線已經建立,所以我只需要從這裏發佈。

回答

1

與您的示例中沒有Reactstrap的方式完全相同。 Form組件通過您所提供的是獲取呈現在網頁上所以這段代碼<Form action='/signup/insert' method='POST'>將工作(如果你的後臺設置來處理請求的<form>標籤的任何屬性。

+0

JEP,謝謝,我已經有它想通了。免費給你獎勵! – Ansjovis86

相關問題