リアストラップライブラリに反応して投稿フォームを設定するにはどうすればよいですか？

Question

私は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="noreply@noreply.com" 
     /> 
    </FormGroup> 
    <FormGroup> 
     <Label for="examplePassword">Password</Label> 
     <Input 
      type="password" 
      name="password" 
      id="examplePassword" 
      placeholder="password" 
     /> 
    </FormGroup> 
    <Button>Sign Up</Button> 
</Form> 

を？これを行う方法？私のルートはすでに設定されているので、ここから投稿する必要があります。

Answer 1

リアストラップのない例とまったく同じ方法です。 Formコンポーネントは、<form>タグに入力したプロパティをページにレンダリングされるように渡します。このコード<Form action='/signup/insert' method='POST'>が機能します（バックエンドが要求を処理するように設定されている場合）。