React Table exercise

by Pritesh Patel

HTML

<!--
Build below mockup using reactJS

Mockup:
https://imgur.com/EpX28AM

1. on click of "Add New" button, user should be able to add the content in the text field with Save and Close buttons.
2. the saved content should appear on each row with "Edit" and " Delete" buttons
3. On Edit, user should be able to edit the content of the row
4. On Delete, that corresponsing row should be removed.
Please make the component fully functional. The content can be static in the HTML.
-->

<div id="app"></div>

<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>

React

const TableComponent = () => {
  return (
      <div>Hello TableComponent</div>
  )
}

const root = ReactDOM.createRoot(document.getElementById("app"));
root.render(<TableComponent />);