There will be a mutation of "Your temporary password is: ..." the code when ran and rendered in CodePen. I have passed it but I want to avoid the mutation

Tell us what’s happening:
Describe your issue in detail here.

  **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; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.82 Safari/537.36

Challenge: Access Props Using this.props

Link to the challenge:

I don’t understand what you mean. Can you be more specific? And that doesn’t seem to be working code anyway.

There is no mutation in the solution code for this challenge. It is just passing a hardcoded string to the child component and displaying it. There is no state nor are any changes made to the prop that gets passed.

Also, when I run the challenge code in Codepen I see no such warning.

Sorry, I see what happened, I made a mistake.

I had to render both <ResetPassword / > and <ReturnTempPassword / > to the same element

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