title: how to pass string params in Get call of API using axios in Reactjs
body: <pre><code>import React, { Component } from 'react';
  import Axios from 'axios';
  
  class App extends Component {
    state = {
      posts: []
    }
  
    componentDidMount() {
      Axios.get('https://jsonplaceholder.typicode.com/posts?id=2&amp;id=3')
        .then(response =&gt; {
          this.setState({ posts: response.data })
          
        })
    }
  
    render() {
      return( 
      &lt;div&gt;
           {
            this.state.posts.map ( (el,k) =&gt; &lt;li&gt; {el.title} &lt;/li&gt; )
           } 
            &lt;/div&gt;
    )}
  }
  
  export default App;
  </code></pre>
  <p>I am learning how to pass query params while calling APIs. The above code is working fine for me. Here i have passed id=2&amp;id=3 as query params. I am using the following URL</p>
  <blockquote>
  <p><a href="https://jsonplaceholder.typicode.com/posts" rel="nofollow noreferrer">https://jsonplaceholder.typicode.com/posts</a></p>
  </blockquote>
  <p>Now, I am failing  to pass <em>title</em> in the URL as params also. For e.g. the key-value pair of id=5 is &quot;title&quot;: &quot;nesciunt quas odio&quot;. So what is the proper way to pass it? Since the <em>title</em> has string value with the spaces in between.</p>
  <p>My code should print the titles of id=2, id=3 and id=4; but for id=4 i shall pass the title itself in the params instead of id.</p>
  <p>So, following command is rendering nothing on DOM</p>
  <pre><code>Axios.get('https://jsonplaceholder.typicode.com/posts?id=2&amp;id=3&amp;title=eum et est occaecati')
  </code></pre>