title: How do I send multiple form inputs in a post request react
body: <p>I'm trying to build an app like pinterest that takes an image, a title, and a description (as well as user info but im not there yet) and sends a post request from the NewImage.jsx page, allowing it to display on the Home.jsx page.</p>
  
  <p><strong>NewImage.jsx</strong></p>
  
  <pre><code>    return (
          &lt;div className="newimage-page"&gt;
              &lt;form&gt;
              &lt;div className="placement"&gt;
                  &lt;div className="alignRow"&gt;
                      &lt;div className="addphoto"&gt;
                          &lt;AddNew&gt;&lt;/AddNew&gt;
                      &lt;/div&gt;
                      &lt;div className="info"&gt;
                          &lt;SaveButton /&gt;
                          &lt;div className="expandingArea"&gt;
                              &lt;textarea wrap="soft" 
                                        placeholder="Add Your Title" 
                                        className="title" 
                                        rows="1"
                                        maxchars="100"
                                       &gt;&lt;/textarea&gt;
                              &lt;textarea placeholder="Description" 
                                        className="description"  
                                        rows="1"
                                        maxchars="500"&gt;&lt;/textarea&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;/form&gt;
           &lt;/div&gt;
  </code></pre>
  
  <p>I am trying to get the value of both text areas, as well as the photo infomation from the AddNew component</p>
  
  <p><strong>AddNew.jsx</strong></p>
  
  <pre><code>const AddNew = () =&gt; {
      const [file, setFile] = useState('')
      const handleChange = (event) =&gt; {
          setFile(event.target.files[0]);
      }
      return (
          &lt;div className="addNew"&gt;
              &lt;div className="uploadstyle"&gt;
                  &lt;img src={file ? URL.createObjectURL(file) : null} alt={file ? file.name : null} /&gt;
                  &lt;input className="upload" type="file" onChange={handleChange} /&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      )
  }
  </code></pre>
  
  <p>how can i make it so when i click the save button component (which currently does nothing) i can post the values of all these items at once?</p>