問題タブ [semantic-ui-react]

SemanticUI を使用して、ドロップダウン メニューにネストされたドロップダウン アイテムを含むフォームを挿入することは可能ですか?

これが私の意味を示すためのフィドルです： https://jsfiddle.net/Nanego/tnv34c7b/5/

私は、babel、webpack、redux、semantic-ui-react で mern スタックを使用して Web アプリを作成しています。

しかし、私はエラーが発生しました

bundle.js の「予期しないトークン <」。

このエラーは、フォーム タグのボタンをクリックしてリクエストを送信した場合にのみ発生します。フォームタグなしでページを作成すると、エラーなく正常に動作します。

これは React での私のコードです。

文字を入力して保存ボタンをクリックすると、警告メッセージが表示されます

あなたの投稿は正常に保存されました..

また、入れたデータはmongodbに保存されます。しかし、[OK] をクリックすると、URL が'localhost:3000/post/write' から ' ' に変わりlocalhost:3000/post/write?title=blah&contents=blahます。URLの何とかは、入力タグに入れたものです。次に、コンソールは言う

予期しないトークン <.

しかし、上記のコードでフォームタグを使用しない場合、問題なく動作しますが、何が問題なのかまったくわかりません..フォームタグはセマンティック-ui-reactからのものです。だから私はそれが必要です。Form を使わなければ問題ないのですが、semantic-ui から提供されるデザインはあきらめるべきです。

これについて知っている人はいますか？サーバー側がそのフォームタグからの投稿リクエストを処理した後、react.jsがindex.htmlのbundle.jsを理解するのに問題を起こすフォームタグのHTTP POSTに関連していると思います。