title: Extract data from multiple inputs in form react
body: <p>So I am still relatively new to React. I want to get data from three form inputs (and eventually post that to database). I have been using the internet to help, but I figured would try my luck here. Right here I am trying to just log out what the user texts in the inputs.</p>
  
  <pre><code>import React from 'react';
  
  export default class AddForm extends React.Component {
  constructor(props) {
  super(props);
  }
  
  handlePlace(e) {
  e.preventDefault();
    const text = this.place.value.trim();
    console.log(text);
  }
  
  handleDate(e) {
    const text = this.date.value
    console.log(text);
  }
  
  handleNotes(e) {
    const text = this.notes.value
    console.log(text);
  }
  
  render() {
   return(
    &lt;form className="form"&gt;
     &lt;h4&gt;Add a Memory&lt;/h4&gt;&lt;br&gt;&lt;/br&gt;
      &lt;p className="add-info"&gt;Keep track of all the fun and amazing places you 
      have been.&lt;/p&gt;
       &lt;input  type="text" name="place" placeholder="place" ref={input =&gt; 
       this.place = input}&gt;&lt;/input&gt;&lt;br&gt;&lt;/br&gt;
      &lt;input  placeholder="time" ref={input =&gt; this.date = input}&gt;&lt;/input&gt;&lt;br&gt;
      &lt;/br&gt;
      &lt;input  className="notes" placeholder="notes" ref={input =&gt; this.notes = 
      input}&gt;&lt;/input&gt;&lt;br&gt;&lt;/br&gt;
      &lt;button className="save" type="button" onClick=
      {this.handleSave}&gt;Save&lt;/button&gt;
    &lt;/form&gt;
   );
  }
   handleSave() {
    console.log(this.handlePlace)
    console.log(this.handleDate)
    console.log(this.handleNotes)
   }
  }
  </code></pre>