App.js 960 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. import PropTypes from "prop-types";
  2. import React, { Component } from "react";
  3. import logo from "./logo.svg";
  4. import "./App.css";
  5. const Title = ({ text }) => <div>{text}</div>;
  6. Title.propTypes = {
  7. text: PropTypes.string,
  8. };
  9. const appName = "MasterControlProgram";
  10. const titleName = "heading";
  11. class App extends Component {
  12. render() {
  13. return (
  14. <div className="App">
  15. <header className="App-header">
  16. <img src={logo} className="App-logo" alt="logo" />
  17. <h1 className="App-title">Welcome to React</h1>
  18. </header>
  19. <Title text="Some title" />
  20. <p className="App-intro">
  21. To get started, edit <code>src/App.js</code> and save to reload.
  22. </p>
  23. <ul className="tyler">
  24. <li>First</li>
  25. <li>Second</li>
  26. <li>Third</li>
  27. </ul>
  28. </div>
  29. );
  30. }
  31. }
  32. App.displayName = appName;
  33. Title.displayName = titleName;
  34. export { App, appName, titleName };