Доступ к свойствам с помощью this.props
Последние несколько задач касались основных способов передачи свойств дочерним компонентам. Но что, если дочерний компонент, которому вы передаете свойство, является классовым компонентом, а не функциональным компонентом? Классовый компонент использует несколько другое соглашение для доступа к свойствам. Каждый раз, когда вы ссылаетесь на классовый компонент внутри себя, вы используете ключевое слово this . Чтобы получить доступ к свойствам в классовом компоненте, вы начинаете код, используемый для доступа к нему с this.props . Например, если классовый компонент имеет свойство data , вы пишете {this.props.data} в JSX.
Визуализируйте инстанс компонента ReturnTempPassword в родительском компоненте ResetPassword . Здесь передайте в ReturnTempPassword свойство tempPassword и присвойте ему значение строки длиной не менее 8 символов. Внутри дочернего елемента ReturnTempPassword обратитесь к свойству tempPassword в тегах strong , чтобы убедиться, что пользователь видит временный пароль.