Ошибка props is not defined?

Question

[Theory Theory]

class Parent extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <div>
                {props.title}
            </div>
        );
    }
}



class Children extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <Parent title="13"/>
        );
    }
}

ReactDOM.render(
    <Children />,
    document.querySelector('#root')
);

В итоге: props is not defined. The above error occurred in the Parent component:

Comments

[Theory Theory]

Если вместо класса Parent использовать функцию Parent - работает

Answer 1

[askhat]

Пропсы поступают в аргументы конструктору и рендер функции (ещё в хуки, но сейчас не об этом). В вашем случае можно определить аргумент props для метода render, а лучше просто написать this.props