Task 3034

Этот сайт лучше всего просматривать в современном браузере с включённым JavaScript.

Task 3034

Alekseii

import React from 'react';

export default class User extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            userName: User
        }
    }
  render() {
    return (
      <div>User: {this.state.userName}</div>
    )
  }
}```

Alekseii

amati

Alekseii userName: User означает что в userName сохраняете класс User а не поле userName из свойств

alekzzandr

Можете пояснить конкретнее эту ошибку:

У компонент User должно быть свойство состояния userName, взятое из свойств (props)?, если брать за основу вариант решения выше?

Мы же props указываем сами в this.state...

Coderslang_Master

alekzzandr props и state - это разные вещи. Читал лекцию об отличиях между ними?

В варианте выше есть ошибка. Лучше предложи свой вариант решения и задай вопрос по нему.

mersilliesboy

alekzzandr
import React from 'react';

export default class User extends React.Component {
constructor(props) {
super(props);
this.state = {
userName: props.userName,
};
}
render() {
return (
<div>User: {this.props.userName}</div>
)
}
}