如何在Gatsby上实现Netlify表单

如何在Gatsby上实现Netlify表单,gatsby,netlify,Gatsby,Netlify,我已经能够在另一个网站上使用相同的方法接收表单,但由于某些原因,我没有在这个网站上接收提交的内容。Netlify dashboard表示已启用从1个具有正确名称和蜜罐字段的表单收集 我做错了什么 <form name='contact' method='POST' className='contactForm' data-netlify="true" data-netlify-honeypot="bot-field" action='/success' > <input t

我已经能够在另一个网站上使用相同的方法接收表单,但由于某些原因,我没有在这个网站上接收提交的内容。Netlify dashboard表示已启用从1个具有正确名称和蜜罐字段的表单收集

我做错了什么

<form name='contact' method='POST' className='contactForm' data-netlify="true" data-netlify-honeypot="bot-field" action='/success' >
  <input type="hidden" name="bot-field" />
  <input type="hidden" name="form-name" value="inquiry" />
  <input id='f1' type='text' name='name' required placeholder="name*"/>
  <input id='f6' type='email' name='address' required placeholder="email address*"/>
  <textarea id='f5' id='message' name='message' required placeholder="message*"></textarea>
  <button id='f8' type='submit' className='submitForm' name='submit'>submit!</button>
</form>
确保表单的名称属性和隐藏表单名称字段的值相同。在您的示例中,该值应为contact

<form name='contact' method='POST' className='contactForm' data-netlify="true" data-netlify-honeypot="bot-field" action='/success' >
  <input type="hidden" name="bot-field" />
  <input type="hidden" name="form-name" value="contact" />
  <input id='f1' type='text' name='name' required placeholder="name*"/>
  <input id='f6' type='email' name='address' required placeholder="email address*"/>
  <textarea id='f5' id='message' name='message' required placeholder="message*"></textarea>
  <button id='f8' type='submit' className='submitForm' name='submit'>submit!</button>
</form>