Access Props Using this.props1

Am trying to pass this challenge so far but i seem not to be getting something right:


  **Your code so far**

class ReturnTempPassword extends React.Component {
constructor(props) {
  super(props);

}
render() {
  return (
      <div>
          { /* Change code below this line */ }
      <ReturnTempPassword tempPassword="xxxxxxxx" />   
          { /* Change code above this line */ }
      </div>
  );
}
};

class ResetPassword extends React.Component {
constructor(props) {
  super(props);

}
render() {
  return (
      <div>
        <h2>Reset Password</h2>
        <h3>We've generated a new temporary password for you.</h3>
        <h3>Please reset this password from your account settings ASAP.</h3>
        { /* Change code below this line */ }
<p>Your temporary password is:<strong>{this.props.tempPassword}</strong></p> 
        { /* Change code above this line */ }
      </div>
  );
}
};
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.190 Safari/537.36.

Challenge: Access Props Using this.props

Link to the challenge:

Key here is that the ReturnTempPassword component should be returned as part of the render function in ResetPassword. Where you have <ReturnTempPassword tempPassword=“xxxxxxxx” />, there’s the correct line to include, but it should be inside the ResetPassword component’s render function. You’re trying to put that inside the render function for ReturnTempPassword, which would be referencing itself, which isn’t what you want to do in this context.

okay thank you :smiley: