gregoryanderson

import React, { Component } from "react";
import logo from "./logo.svg";
import Form from "./Form";
import Container from './Container'
import "./App.css";

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {

gregoryanderson

import React from "react";

const Idea = props => {
  return (
    <section>
      <h1>{props.title}</h1>
      <p>{props.description}</p>
    </section>
  );
};

gregoryanderson

import React from "react";
import Idea from "./Idea";

const Container = props => {
  const displayIdeas = () => {
    return props.ideas.map(idea => {
      return <Idea title={idea.title} description={idea.description} />;
    });
  };
  return <section className="Container">{displayIdeas()}</section>;

gregoryanderson

import React, { Component } from "react";
import logo from "./logo.svg";
import Form from "./Form";
import Container from './Container'
import "./App.css";

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {

gregoryanderson

import React from "react";

const Idea = () => {
  return <p>This is the Idea</p>;
};

export default Idea;

gregoryanderson

import React from "react";
import Idea from "./Idea";

const Container = () => {
  return (
    <section className="Container">
      <p>This is the Container</p>
      <Idea />
    </section>
  );

gregoryanderson

import React, { Component } from "react";
import logo from "./logo.svg";
import Form from "./Form";
import Container from './Container'
import "./App.css";

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {};

gregoryanderson

.form {
    margin: 50px;
    display: grid;
}

section {
    margin: 20px;
}

label {

gregoryanderson

import React, { Component } from "react";
import "./Form.css";

class Form extends Component {
  constructor() {
    super();
    this.state = {};
  }

  render() {

gregoryanderson

import React, { Component } from "react";
import logo from "./logo.svg";
import Form from "./Form";
import "./App.css";

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }