我已经对此进行了广泛的研究,到目前为止,还没有找到真正的答案-也许这是我正在做的一个简单的格式化错误,但这让我发疯了。
尝试使我的Gatsby网站能够从联系表单接收查询,该请求将通过Netlify表单提交通知路由到我的电子邮件中。单击“发送消息”后,应将用户转到“ /成功”页面。我正在使用盖茨比2.4.8。
这是我来自index.js的代码,其中包含联系表格(gatsby-starter-strata模板)。
<div className="row">
<div className="8u 12u$(small)">
<form
name="contact"
method="POST"
action="/success"
data-netlify="true"
data-netlify-honeypot="bot-field"
>
<input type="hidden" name="form-name" value="contact" />
<div className="row uniform 50%">
<div className="6u 12u$(xsmall)">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div className="6u 12u$(xsmall)">
<input type="email" name="email" id="email" placeholder="Email" />
</div>
<div className="12u">
<textarea
name="message"
id="message"
placeholder="Message"
rows="4"
/>
</div>
</div>
</form>
<ul className="actions">
<li>
<input type="submit" value="Send Message" />
</li>
</ul>
</div>
</div>