0

問題は、preventDefault() を使用しないと、ページが送信時にリロードされて非表示になることです。preventDefault を使用すると、フォームは onSubmit にあることを実行しますが、送信後に非表示になりません。しかない他の「閉じる」ボタンを使用すると

onClick={this.props.onRequestHide}   

フォームはうまく隠れています。

onSubmit で完了したときにそのフォームを非表示にする方法。

  <Modal {...this.props} className="adressModal" bsStyle="primary" title='Adress Form' animation={false}>
    <form className="addressModal" onSubmit={this.handleSubmit} >
      <div className="modal-body">
        <Input type="text" placeholder="Enter Kraj" className="form-control" valueLink={this.linkState('address')} ref="address" hasFeedback required/>
      </div>
      <div className="modal-footer">
      <ButtonGroup>
        <Button className="btn btn-default" onClick={this.props.onRequestHide} data-dismiss="modal" active>Close</Button>
        <Button bsStyle="primary" className="btn btn-default" type="submit" disabled={this.state.isSubmitting} >Save</Button>
  </ButtonGroup>
  </div>
    </form>
</Modal>

コードはhttp://react-bootstrap.github.io/components.html#modalsの ModalTrigger の例 と React の基本的なチュートリアル
http://facebook.github.io/react/docs/tutorial.htmlを組み合わせたものです。

4

1 に答える 1