FormCalc

import React, { Component } from 'react';
//import './App.css';

class FormCalc extends Component {

   constructor(props) {
    super(props)

    this.state = {
      num1: null,
      num2: null,
      mult: null,};

  }

   handleChange = (e) => {
    this.setState({
      [e.target.name]: e.target.value
    })
  }

  onSubmit = (e) => {
    e.preventDefault();


    this.setState({
      mult: parseInt(this.state.num1) * parseInt(this.state.num2)
    })
  }

  render() {
    return (
      <div className="App">


      <form>
      <h4>CALCULADORA</h4>
        <label>Num1</label>
        <p></p>
          <input type="text" name="num1"
            value={this.state.num1}
            onChange={e => this.handleChange(e)}
          /><p></p>

          <label>Num2</label>
          <p></p>
          <input type="text" name="num2"
            value={this.state.num2}
            onChange={e => this.handleChange(e)}
          /><p></p>

          <button onClick={(e) => this.onSubmit(e)}>Calc</button><p></p>
          <b>O O RESULTADO É: </b><b>{this.state.mult}</b>

        </form>


      </div>
    );
  }
}

export default FormCalc;