Помогите с ДЗ по JSX

1) import React from 'react';

function Hero() {
return (
<div>
<h1>Добро пожаловать в наш магазин</h1>
<p>Начать покупки!</p>
</div>
);
}

// Рендер компонента на страницу
ReactDOM.render(<Hero />, document.getElementById('root'));

2) import React from 'react';

function Hero() {
return (
<div>
<h1 class="title">Supermarket</h1>
<p>Start shopping</p>
</div>
);
}

export default Hero;
Затем в файле index.js можно произвести рендеринг компонента на страницу следующим образом:

jsx
Copy code
import React from 'react';
import ReactDOM from 'react-dom';
import Hero from './Hero';

ReactDOM.render(<Hero />, document.getElementById('root'));
Обратите внимание, что для работы данного кода в файле index.js должен быть элемент с идентификатором "root". Если элемента нет, необходимо его создать в HTML-файле:

html
Copy code
<div id="root"></div>
Также необходимо импортировать библиотеки React и ReactDOM в файл index.js, если они не были импортированы ранее.

3) import React from 'react';

function Welcome(props) {
return <h1>Привет, { props.name }!</h1>;
}

function App() {
return (
<>
<Welcome name="Иван" />
<Welcome name="Елена" />
<Welcome name="Петр" />
</>
);
}

export default App;
Здесь мы создали функциональный компонент Welcome, который принимает имя через пропс name и выводит его внутри тега h1. Затем мы создали компонент App, который использует Welcome три раза с различными именами. Чтобы сгруппировать компоненты Welcome, мы обернули их в фрагменты <></>.

Для использования этого компонента, его нужно экспортировать и вставить в приложение React.

Где ты учишься, что ничего не знаешь, но получаешь такие дз? Они же явно сложные для тебя, раз ты не пытаешься делать даже

Кто ваш препод, кто ваш куратор? Я из 2-jskb-4