Don't know why it is not working.. The ReturnTempPassword component should display the password you create as the tempPassword prop within strong tags

JavaScript
1

Tell us what’s happening:

  **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> {this.props.tempPassword}</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 */ }
<ReturnTempPassword tempPassword="xxxxxxxx"/>
        { /* 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/89.0.4389.90 Safari/537.36 Edg/89.0.774.57.

Challenge: Access Props Using this.props

Link to the challenge:

2

Hi @singhnaveen9599 !

Welcome to the forum!

It took me second because it looks right but the test is really sensitive.
You need to get rid of the space here and it will pass

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.