title: ReactJS Axios Image Request
body: <p><a href="https://i.stack.imgur.com/Zzx11.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Zzx11.png" alt="enter image description here"></a>I want make a request to API with headers having UserID:Pass </p>
  
  <p>Example : </p>
  
  <pre><code>const config = {
    headers: {
      'X-RPC-DIRECTORY': 'main',
      'X-RPC-AUTHORIZATION': 'userid:pass'
    }
  };
  
  const res = await axios.get(`http://192.00.00.60:8000/obj/e1b8c19e-fe8c-43af-800c-c9400c0e90/abc.jpg`, config );
  </code></pre>
  
  <p>How can I render this?
  Using the same I can get the image in Postman, But I want to render this into the page.</p>