DBから取得したデータで、Reactのフォーム初期値を設定する方法

Question

Reactを勉強中です。
例えばフォームのセレクトボックスの選択肢の初期値を、
DBから取得した値にしたい場合、どのようにしたらいいのでしょうか？
サーバーサイドはPHPです。（PHP側の処理は分かります。）

ネットで調べているのですが、固定値（ハードコーディング）しか見つからず、
参考となるURLや、コードを教えてください。

イメージ的には、
Reactからフォームがレンダリングされる前に、AjaxでPHPに問合せDBからデータを取得し、
取得したデータをもとにセレクトボックスを構築すると思っています。

Comments

[jun68ykt]

サーバーサイドから返されるレスポンスと、それが反映された <select> タグとして、どのようなものを想定されているのか分かるようなサンプルをご質問に追記頂けますでしょうか？

Answer 1

おそらくなのですがPHPのサーバーを使用しているのであれば、PHPともう一つReactをサーバーサイドレンダリングするためのサーバーが必要になってくるかと思います。

Reactでやる場合
リクエストが来たときに、サーバーサイドでReactをレンダリングしておき、その結果をフロントエンド側に返します。

あとは、Next.jsなどのライブラリを使うともう少し簡単に実現できるかもしれません

Answer 2

サーバーサイドレンダリングという概念ではないでしょうか？Reactでサーバーサイドレンダリングなどと調べると出てくるかと思います。