Код из документации React:
function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
function App() {
return (
<div>
<Welcome name="Sara" />
<Welcome name="Cahal" />
<Welcome name="Edite" />
</div>
);
}
ReactDOM.render(
<App />,
document.getElementById('root')
);
Результат:
Hello, Sara
Hello, Cahal
Hello, Edite
Не могу понять почему в ReactDOM.render - написали
<App />
, а не
<Welcome/>
. Ведь имя Sara передают через {props.name} в функцию Welcome, а именно в строку:
return <h1>Hello, {props.name}</h1>;
, и уже соединившись в фунции Welcome становятся в конечном итоге Hello, Sara
А если написать в ReactDOM.render
<App />
как в примере, то по логике должно было выводиться на экран просто: Sara. Но почемо-то выводиться на экран Hello, Sara
Обьясните почему в React такая схема?