0
class Hello extends React.Component {
        constructor(props) {
            super(props);
            this.state = {welcome: "Добро пожаловать на сайт!"};
        }
        render() {
            return <h1>{this.state.welcome}</h1>;
        }
    }

Есть такой класс. Зачем прописывать props в constructor и в super? Ведь если его убрать ничего не сломается.

2 ответа 2

3

Вот документация: https://reactjs.org/docs/react-component.html#constructor

super() - нужен для вызова родительского класса на данном экземпляре, для того чтобы сработало наследование.

в вашем случае constructor вообще не нужен, более того строку

this.state = {welcome: "Добро пожаловать на сайт!"};

можно поставить на одном уровне с render():

state = {welcome: "Добро пожаловать на сайт!"};
render() {...}

Вообще в документации написано что конструктор это то место где нужно делать инициализацию состояния (this.state)

В основном раньше я использовал constructor для того чтобы сделать привязку контекста:

this.func = this.func.bind(this)

Этого можно избежать если пользоваться стрелочными функциями: https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Functions/Arrow_functions

0

Ничего не сломается до тех пор, пока не попытаться props использовать. Они передаются, чтобы были доступны внутри класса. Допишите в рендер <h1>Hello, {this.props.name}</h1>; и увидите разницу

3
  • 1
    ни в одном классе не использую constructor и внутри рендера всегда использую props 4 апр 2018 в 8:30
  • 1
    Это потому что по умолчанию props прокидываются в родительский конструктор. А в данном случае, если не передавать props, а конструктор переопределён, props будет неоткуда взять
    – Grulex
    4 апр 2018 в 8:33
  • не правильно понял вас изначально:) 4 апр 2018 в 8:34

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.