Tow pieces of code that must be in App.js

what is the correct way to write them?

first:

import React from 'react';

import ReactDOM from 'react-dom';

import Modules from '../Modules';

import UniversityCourseStudent from './UniversityCourseStudent';

class App extends React.Component {

render() {

return (

Uuniversty course managment

name="Sam"

studentId="b76"

courseName="cs"

courseStartDate="12/07/2021" />

);

}

}

ReactDOM.render(, document.getElementById('root'));

import React from 'react';

second:

let courses = [

{"course":"CS"},

{"course":"Eng"},

{"course":"math"},

];

function App() {

return (

);

}

export default App;