2016-07-09 10 views
4

JSXファイルに{{ form }}を含むようなReactJSスクリプト内でDjangoフォームを使用する方法はありますか?DjangoフォームをReactJs

私はfromを表示し、Reactを使用してレンダリングされたビューを持っています。あるページからこのページを読み込むとき、これらのフィールドのデータは空でなければなりませんが、別のページからこのビューをヒットすると、このフォームに日付をあらかじめ入力しておきます。私はDjangoフォームとフォームビューを使ってこれを行う方法を知っていますが、Reactをどこに持ち込むべきかはわかりません。

答えて

1

{{ form }}ステートメントは、Djangoテンプレートに関連しています。 HTMLのレンダリングを担当するDjangoテンプレートはReactを処理するので、2つを混在させる必要はありません。

おそらく何かしたいのは、Djangoフォームの検証メカニズムのサーバー側を使用することです。これはReactがフォームのクライアント側をレンダリングさせるものです。あなたのdjangoビューでは、フォームコンポーネントを初期化するためにReactコードで使用できるjsonオブジェクトを返すだけです。

+1

これには1トンの定型文が必要です。 DjangoフォームからReactフォームを動的に生成するために、私は頭の中でこのアイデアを持っていました。 – Kos

+0

実際には、あまりにも多くの定型文を書く必要はありません。ちょうどいくつかのことがあります.Djangoからjsonのようなオブジェクトを返し、 'react'が使用する'