問題は、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を組み合わせたものです。