Netlify Formが機能しない際のトラブルシューティング

問題

Netlify Formが機能しない

原因

記事最後の参考記事によるとreact等、HTMLをjavascriptでレンダリングしている場合はそうなるようです。

対処

次のようなinputダグを挿入しておく。

• hidden属性
• name属性には"form-name"を挿入する
• valueには、formタグのname属性と同じ値を挿入する

<form
      method="post"
      name="membership-form" 
      data-netlify="true"
      >
        <input type="hidden" name="form-name" value="membership-form" />
</form>

参考

• How to Integrate Netlify’s Form Handling in a React App
  
• Netlify で Forms 機能を使用してお問い合わせフォームを作成する方法