title: How to include a php script in react app
body: <p>I'm trying to get a working contact form on my website and am following this article's <a href="http://blog.teamtreehouse.com/create-ajax-contact-form" rel="nofollow noreferrer">guide</a>. The guide gives a php script to handle the post, but I'm using a create-react-app and I don't know how to include the <code>mailer.php</code> file into the project. </p>
  
  <h1>form</h1>
  
  <pre><code>   &lt;form id="contact-form" name="c-form" method="post" action="mailer.php"&gt;
                                          &lt;div className="input-field"&gt;
                                              &lt;input
                                                  id="first_name"
                                                  type="text"
                                                  className="validate"
                                                  name="first_name"
                                                  required/&gt;
                                              &lt;label for="first_name"&gt;Name&lt;/label&gt;
                                          &lt;/div&gt;
                                          &lt;div className="input-field"&gt;
                                              &lt;input id="sub" type="text" className="validate" name="sub"/&gt;
                                              &lt;label for="sub"&gt;Subject&lt;/label&gt;
                                          &lt;/div&gt;
                                          &lt;div className="input-field"&gt;
                                              &lt;input id="email" type="email" className="validate" name="email" required/&gt;
                                              &lt;label for="email"&gt;Email&lt;/label&gt;
                                          &lt;/div&gt;
                                          &lt;div className="input-field"&gt;
                                              &lt;textarea
                                                  id="textarea1"
                                                  className="materialize-textarea"
                                                  name="message"
                                                  required&gt;&lt;/textarea&gt;
                                              &lt;label for="textarea1"&gt;Message&lt;/label&gt;
                                          &lt;/div&gt;
                                          &lt;div className="contact-send"&gt;
                                              &lt;button
                                                  id="submit"
                                                  name="contactSubmit"
                                                  type="submit"
                                                  value="Submit"
                                                  className="btn waves-effect"&gt;Send
                                              &lt;/button&gt;
                                          &lt;/div&gt;
                                      &lt;/form&gt;
  </code></pre>
  
  <h1>mailer.php</h1>
  
  <pre><code>&lt;?php
  
      // Only process POST reqeusts.
      if ($_SERVER["REQUEST_METHOD"] == "POST") {
          // Get the form fields and remove whitespace.
          $name = strip_tags(trim($_POST["name"]));
                  $name = str_replace(array("\r","\n"),array(" "," "),$name);
          $email = filter_var(trim($_POST["email"]), FILTER_SANITIZE_EMAIL);
          $message = trim($_POST["message"]);
  
          // Check that data was sent to the mailer.
          if ( empty($name) OR empty($message) OR !filter_var($email, FILTER_VALIDATE_EMAIL)) {
              // Set a 400 (bad request) response code and exit.
              http_response_code(400);
              echo "Oops! There was a problem with your submission. Please complete the form and try again.";
              exit;
          }
  
          // Set the recipient email address.
          // FIXME: Update this to your desired email address.
          $recipient = "jportorreal77@gmail.com";
  
          // Set the email subject.
          $subject = "New contact from $name";
  
          // Build the email content.
          $email_content = "Name: $name\n";
          $email_content .= "Email: $email\n\n";
          $email_content .= "Message:\n$message\n";
  
          // Build the email headers.
          $email_headers = "From: $name &lt;$email&gt;";
  
          // Send the email.
          if (mail($recipient, $subject, $email_content, $email_headers)) {
              // Set a 200 (okay) response code.
              http_response_code(200);
              echo "Thank You! Your message has been sent.";
          } else {
              // Set a 500 (internal server error) response code.
              http_response_code(500);
              echo "Oops! Something went wrong and we couldn't send your message.";
          }
  
      } else {
          // Not a POST request, set a 403 (forbidden) response code.
          http_response_code(403);
          echo "There was a problem with your submission, please try again.";
      }
  
  ?&gt;
  </code></pre>
  
  <h1>reactjs</h1>
  
  <pre><code>componentDidMount() {
  
      var $form = $("#contact-form");
      var formData = $form.serialize();
  
      $form.submit(function (event) {
          // Stop the browser from submitting the form.
          event.preventDefault();
  
          // TODO
          $.ajax({
              type: 'POST',
              url: $form.attr('action'),
              data: formData,
              success: function (response) {
                  console.dir(response);
              },
              fail: function (err) {
                  console.dir(err);
              }
          });
  
      });
  
  }
  </code></pre>
  
  <h1>problem</h1>
  
  <p>whenever I submit the form I get a </p>
  
  <p><code>POST http://localhost:3000/mailer.php 404 (Not Found)</code></p>
  
  <p>error. How do I get this working.</p>