src/components/IntroSection.jsx - master - drndsv/react

src/components/IntroSection.jsx

35 строк2 KB

drndsv

Вторая часть разработки (разделяем все и делаем странички)

22 апр 2025, 14:31

22 апр 2025, 14:31982ef81

import React from "react";

// export default function IntroSection() {
//   return (
//     <section>
//       <h1 className="centered">Result University</h1>
//       <h3 className="centered" style={{ color: "#666" }}>
//         Университет frontend-разработки, который насыщает IT-сферу
//         квалифицированными программистами
//       </h3>
//     </section>
//   );
// }

// мы не обязаны писать на jsx, а можем описать тот же самый компонент
// с использовнием того, как на самом деле этот jsx выглядит
// в первую очередь необходимо импортнуть сам react
// любой тег который мы видим в jsx это производная от реакта и его метода createElement
// т.е React.createElement - принимает в себя три параметра:
// 1) название тега, который хотим внедрить
// 2) отвечает за то какие опции мы передаем в этот тег
// 3) указывает на то какие дети будут у данного тега
// если нам нужно вернуть несколько объектов, то оборачиваем их в массив

const e = React.createElement;
export default function IntroSection() {
  return e("section", null, [
    e("h1", { className: "centered", key: 1 }, "Result University"),
    e(
      "h3",
      { className: "centered", style: { color: "#666" }, key: 2 },
      "Университет frontend-разработки, который насыщает IT-сферу квалифицированными программистами"
    ),
  ]);
}