Error props is not defined?

Question

React

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')
);

As a result: props is not defined. The above error occurred in the Parent component:

Answer 1

Props go to the arguments to the constructor and the render function (still in hooks, but not about that now). In your case, you can define the props argument for the render method, but it's better to just writethis.props