I cant get pass this

Tell us what’s happening:
I can’t get past this challenge

Your code so far


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

}
render() {
  return (
      <div>
          { /* change code below this line */ }
          <p>Your temporary password is: <strong></strong></p>
          { /* 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 */ }

        { /* 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/85.0.4183.83 Safari/537.36.

Challenge: Access Props Using this.props

Link to the challenge:

Can you show us what you’ve tried? What you’ve posted seems to be the starter code.

The four tests you are failing are:

  • The fourth child of ResetPassword should be the ReturnTempPassword component.
  • The ReturnTempPassword component should have a prop called tempPassword.
  • The tempPassword prop of ReturnTempPassword should be equal to a string of at least 8 characters.
  • The ReturnTempPassword component should display the password you create as the tempPassword prop within strong tags.

I can’t see where you’ve attempted any of those. Is there something specific that is giving you difficulties?