TECH TO THE POINT

This demo shows, 1. Updating a list within the react component 2. Updating a list in child react component by passing 'state' as 'props' 3. Updating simple 'props' 4. All the updates are on 'Enter Key' press on an input field. //demo.js import React from "react"; import PropTypes from "prop-types"; import { withStyles } from "@material-ui/core/styles"; import List from "@material-ui/core/List"; import ListItem from "@material-ui/core/ListItem"; import ListItemText from "@material-ui/core/ListItemText"; import ListSubheader from "@material-ui/core/ListSubheader"; import TextField from "@material-ui/core/TextField"; const styles = theme => ({ root: { width: "100%", maxWidth: 360, backgroundColor: theme.palette.background.paper, position: "relative", overflow: "auto", maxHeight: 300 }, listSection: { ...