Как сделать рендер компонента на страницу в JSX?

Чтобы сделать рендер компонента на страницу, нужно внутри компонента App вызвать компонент Hero, передав ему нужные пропсы. Это вы уже сделали, используя JSX-элемент <Hero hero={hero} go={go} />.

Чтобы компонент Hero отобразился на странице, его нужно также рендерить через JSX внутри компонента App. В вашем случае, это уже сделано.

Чтобы убедиться, что все работает, можно добавить какой-то дополнительный HTML-код, например, обернуть содержимое компонента App в <div>. В итоге код компонента App будет выглядеть так:

jsx
Copy code
function App() {
let hero = "Добро пожаловать в наш магазин";
let go = "Начать покупки!";

return (
<div>
<Hero hero={hero} go={go} />
<p>Другой HTML-код на странице</p>
</div>
);
}


После этого компонент Hero должен отобразиться на странице вместе с переданными пропсами.

Чтобы сделать рендер компонента на страницу в JSX, необходимо в главном файле index.js (или в файле, который отрисовывает страницу) импортировать компонент App и передать его в функцию ReactDOM.render().

Примерно так:

 import React from 'react'; 

import ReactDOM from 'react-dom'; 

import App from './App'; 

 

ReactDOM.render( 

   

     

  , 

  document.getElementById('root') 

); 

 

В данном примере компонент App импортируется из файла App.js и передается в функцию ReactDOM.render(). Функция ReactDOM.render() отрисовывает компонент App на странице в элементе с id="root".

Таким образом, когда вы запустите свое React-приложение, компонент Hero, который вы реализовали, будет отображаться на странице вместе с другими компонентами, которые могут быть в компоненте App.

понимаешь, тут такое дело - тебе надо сделать так, чтобы этот ваш компонент "Hero" взял и вывел на страницу этот заголовок и параграф, который ты ему передал через эти свойства "hero" и "go". Это называется рендер компонента, а чтобы это сделать, тебе надо в файле App.js, где ты используешь компонент "Hero", прописать его вызов, такой шаблон:
<Hero hero={hero} go={go}/>
То есть, ты вызываешь компонент "Hero" и передаёшь ему через свойства значения для заголовка и параграфа.