GatsbyJS / Netlify表单问题

时间:2019-02-19 16:58:11

标签: reactjs forms gatsby netlify

我已经对此进行了广泛的研究,到目前为止,还没有找到真正的答案-也许这是我正在做的一个简单的格式化错误,但这让我发疯了。

尝试使我的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>

0 个答案:

没有答案