codingnninja

class Vote extends React.Component {
  constructor(){
    super();
    this.state = {
      message: "Click on an image to vote"
    };
    this.voteForBuhari = this.voteForBuhari.bind(this);
    this.voteForFela = this.voteForFela.bind(this);
    this.voteForSowore = this.voteForSowore.bind(this);
  }

codingnninja

'use strict';
const e = React.createElement;
class FollowButton extends React.Component {
  constructor(props) {
    super(props);
    this.state = { follow: false };
  }
  render() {
    if (this.state.follow) {
        return 'You are following this.';

codingnninja

const e = React.createElement;
class FollowButton extends React.Component {
  constructor(props) {
    super(pros);
    this.state = { follow: false };
  }
  render() {
    if (this.state.follow) {
      return 'You are following this.';
    }

codingnninja

function Dialog(props) {
  return (
    <div className="dialog">
      <h1 className="Dialog-title">
        {props.title}
      </h1>
      <p className="Dialog-message">
        {props.message}
      </p>
      {props.children}

codingnninja

<Dialog title="Sign up now" message="Get superpowers for free">
  <input name={this.state.login} onChange={this.handleLogin} />
</Dialog>

codingnninja

class SignUp extends React.Component {
  constructor(props) {
    super(props);
    this.handleChange = this.handleChange.bind(this);
    this.handleSignUp = this.handleSignUp.bind(this);
    this.state = {username: ''};
  }

  render() {
    return (

codingnninja

class Login extends React.Component {
  constructor(props) {
    super(props);
    this.handleChange = this.handleChange.bind(this);
    this.handleLogIn = this.handleLogIn.bind(this);
    this.state = {username: ''};
  }

  render() {
    return (

codingnninja

import React from 'react';

class App extends React.Component {

  constructor() {
    super();
    this.state = {
      id: null,
      userId: 1,
      food: '',

codingnninja

import React from 'react';

  const FoodItemList = (props) => {
    return (  
      <table className="table table-bordered">
        <thead>
          <tr>
            <th>Id</th>
            <th>Food</th>
            <th>Cost</th>

codingnninja

import React from 'react'

const EditFoodItemForm = props => {
  return (
    <form className="col-sm-4">
      <div>
        <div>
          <label className="text-white">Food name</label>
          <input type="text" name="food" value={props.food} onChange={ props.handleInputChange}/>
        </div>