React coding

Complete the code below to create React components named Department and Courses. Replace any unnecessary statements with relevant ones to achieve the desired output shown in the given screenshot.

Department.js

export default class Department extends Component {

render() {

return(

<section>

<h2> Information Tecnology </h2>

{this.props.children}

</section>

); }}

Courses.js

export default class Courses extends Component {

render() {

return();

}}

React app

import React from “react”;

import { render } from “react-dom”;

const courses = ‘IT 448 , IT 487, IT233 ‘;

render(

< Department >

< Courses><h3> {courses} </h3>< /Courses>

</Department > ,

document.getElementById(“root”) );

The output

Information Technology

IT 448 , IT 487 , IT233