bpas247

import React from 'react'
import { Button, Card, Container, Dropdown, FormControl } from 'react-bootstrap'
import './App.css'
import 'bootstrap/dist/css/bootstrap.css'

const titleApp = `Convertly.io`
const desc = `${titleApp} a React application using exchangeratesapi.io API to convert currencies`

export class Conversion extends React.Component {
  constructor(props) {

bpas247

import React, { Component } from "react";
import { render } from "react-dom";
import {
  BrowserRouter as Router,
  Switch,
  Route,
  Link,
  Redirect,
  withRouter,
} from "react-router-dom";

bpas247

import React, { Component } from "react";
import { render } from "react-dom";
import {
  BrowserRouter as Router,
  Switch,
  Route,
  Link,
  Redirect,
} from "react-router-dom";
import { AuthenticatedRoute, Login } from "./Authentication";

bpas247

import React, { useContext, useState } from "react";
import { NavLink } from "react-router-dom";

import { AuthContext } from "../../context/auth-context";
import Modal from "../UIElements/Modal";
import Button from "../FormElements/Button";
import "./NavLinks.css";

const NavLinks = (props) => {
  const auth = useContext(AuthContext);

bpas247

import React, { Component } from "react";
import AlbumFields from "./albumFields";
import { ButtonToggle } from "reactstrap";

class Album extends Component {
  state = {
    albums: []
  };

  componentDidMount() {

bpas247

import React, { Component } from "react";
import axios from "axios";
import Button from "../Button";
import { Checkbox } from "antd";

class Models extends Component {
  state = {
    models: [],
    selected: {}
  };

bpas247

import { runSpecs } from "spec_helper";
import chai from "chai";
import { user, image_paths } from "fake_data";
import { mount } from "enzyme";
import Component from "components/Exercises/List";

const list = [];

const settings = {
  suggestions: []

bpas247

import React from 'react'
import './App.css'

import axios from 'axios'

import UserCard from './Components/UserCard'
// import FollowersList from './Components/FollowersList'

class App extends React.Component {
  constructor(props) {

bpas247

State Updates Are Asynchronous

The gist of it

You do this.

const handleEvent = e => {
  setState(e.target.value);
  console.log(state);
}