Reactでformがレンダリングされない

Question

お世話になっております。
Reactで通常のhtmlのformのようなactionを指定したformを作りたいです。
以下のように書いたのですが、action先でデータが受け取れなかったので確認したところformがレンダリングされていませんでした。
何かReact特有の記述方法が必要なのでしょうか？ご教授いただきたいです。よろしくお願い致します。

class Page extends React.Component {

  componentDidMount() {
    test.submit()
}

  render () {
    const a = 'aaa'
    const b = 'bbb'
    const c = 'ccc'
    return (
      <div>
            <form action='/test' name="test" method="post" >
                <input type="hidden" value={a} name="a" />
                <input type="hidden" value={b} name="b" />
                <input type="hidden" value={c} name="c" />
            </form>
      </div>
    )
  }
}

export default defaultPage({ Page, reducers: {} })

Answer 1

componentDidMount()で参照しようとしているtestという変数は定義されないかと思います。

Reactで生成したエレメントを参照したい場合、Refという仕組みがあります（公式）。

Comments

[onakahetta]

ご回答ありがとうございます！
formのnameをrefに変えてそのrefをsubmitするという解釈で合っていますでしょうか。
デベロッパーツールで見るとそもそもhtmlの中にこのformが作られていないんですが、それもtestが定義できていないことが原因ですか？

[maisumakun]

コンポーネント定義はいいとして、マウントは行っていますか？

[onakahetta]

このページに入ったときに勝手に行われるものかと思っていたのですが違うのでしょうか…？
知識不足で申し訳ございません。

[maisumakun]

どこかでReactDOM.render()する必要があります（コンポーネントを作っただけでは何も起こりません）。