App.js

import { Component } from "react";
import Order from "./ChildComponent";
import { TEST_STUDENTS } from "./shared/student-test-data";

// function App(props) {
//   return (
//     <div className="App">
//       <p className="my-class"></p>
//     </div>
//   );
// }

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      dish: "",
      addCheese: false
    }
  }

  pickDish = (newDish) => {
    this.setState({ dish: newDish })
  }

  render() {
    return (
      <div className="App">
        Dish:
        <button onClick={ () => this.setState({ dish: "burrito" }) }>Burrito</button>
        <button onClick={ () => this.pickDish("taco") }>Taco</button>
        <p>
          <Order dish={this.state.dish} />
        </p>
      </div>
    );
  }
}

export default App;