Why is React rendering wrong?

Question

React

Тут главный рендер. Передаю в Row цифры 1 и 2.
return (
            <Row left={1} right={2} />
        );

It should return markup with the numbers 1 in the left column and 2 in the right. And it returns the wrong component at all

return (
        <div className="row mb2">
            <div className="col-md-6">
                {left}
            </div>
            <div className="col-md-6">
                {right}
            </div>
        </div>
    );

Answer 1

if it returns "not the same at all", then maybe you connected another Row.js from another folder somehow

Answer 2

In the row.js file, specify (props), not ({left, right}), and then, to pull these values, write props.left, props.right

Example