With or without this?

Question

JavaScript

Why do we do without this in the first example, but not in the second?

function Welcome(props) {
      return <h1>Hello, {props.name}</h1>;
    }

class Welcome extends React.Component {
      render() {
        return <h1>Hello, {this.props.name}</h1>;
      }
    }

Answer 1

Because in the first case you are accessing a function argument, and in the second case you are accessing a class field. All according to the canons of JavaScript .