title: Failed to access props inside the ComponentDidMount method
body: <p>Hi guys I am new in react js I am getting n error like &quot;Cannot read properly props&quot; when I am trying to access my url inside the componentDidMount method please try to fix my error</p>
  <blockquote>
  <p>App.js</p>
  </blockquote>
  <pre><code>import React from 'react';
  import './App.css';
  import Row from './Row';
  import Request from './Request';
  
   class App extends React.Component {
    constructor(){
      super();
    }
  
    render() {
      return (
        &lt;div className='App'&gt;
          &lt;h1&gt;Welcome to Netflix Clone&lt;/h1&gt;
          &lt;Row title='NETFLIX ORIGINALS' fetchUrl={Request.fetchNetflixOriginals}/&gt;
          &lt;Row title='TRENDING NOW' fetchUrl={Request.fetchTrending}/&gt;
          &lt;Row title='TOP RATED' fetchUrl={Request.fetchTopRated}/&gt;
          &lt;Row title='ACTION MOVIES' fetchUrl={Request.fetchActionMovies}/&gt;
          &lt;Row title='COMEDY MOVIES' fetchUrl={Request.fetchComedyMovies}/&gt;
          &lt;Row title='HORROR MOVIES' fetchUrl={Request.fetchHorrorMovies}/&gt;
          &lt;Row title='ROMANCE MOVIES' fetchUrl={Request.fetchRomanceMovies}/&gt;
          &lt;Row title='DOCUMENTARIES' fetchUrl={Request.fetchDocumentarie}/&gt;
        &lt;/div&gt;
      )
    }
  }
  
  export default App
  </code></pre>
  <blockquote>
  <p>Row.js This is my code where I want to access fetch url</p>
  </blockquote>
  <pre><code>import React from 'react';
  import Axios from './Axios';
  
   class Row extends React.Component {
      constructor(props){
          super(props);
          this.state = {
              // movie:[],
          }
      }
  
      componentDidMount(){
          async function fetchData(){
              const request = await Axios.get(this.props.fetchUrl);
              console.log(request);
              return request;
          }
          fetchData();
      }
  
      render() {
          return (
              &lt;div&gt;
                &lt;h3&gt; {this.props.title}&lt;/h3&gt; 
              &lt;/div&gt;
          )
      }
  }
  
  export default Row;
  </code></pre>