Eventos no React

const frutas = ['pera', 'uva', 'maçã']

const frutas = ['pera', 'uva', 'maçã']

console.log(frutas[0])
// 'pera'

const frutas = ['pera', 'uva', 'maçã']

console.log(frutas.length)
// 3

const frutas = ['pera', 'uva', 'maçã']

console.log(frutas.indexOf('uva'));

let frutas = [ 'pera', 'uva', 'maçã'];
let legumes = [ 'batata', 'cenoura', 'repolho' ];

// Junta tudo!
let cesta = frutas.concat(legumes);
// ['pera', 'uva', 'maçã', 'batata', 'cenoura', 'repolho']

let amor = [ "nala", "uni", "safira", "tibirico",
            "leleco", "mia" ];

let frase = amor.join();
// nala,uni,safira,tibirico,leleco,mia

let doguinhos = ['Nala', 'Uni']

doguinhos.push('Safira')
// ["Nala", "Uni", "Safira"]

function mensagem() {
  return 'Oláaa'
};

mensagem();

const mensagem = function(texto) {
  return texto;
};

mensagem('Oláa')

function saudacao(pessoa) {
  console.log("Olá " + pessoa);
}
saudacao("Kamile");
console.log("Tchauzinho");

const mensagem = function(texto) {
  return texto;
};

console.log(mensagem('Oláa'));

const soma = function(x, y) {
  return x + y;
};

console.log(soma(12));

console.log(❤)

const soma = function(numero) {
  return 2 + 1;
};

const divide = function(numero) {
  console.log('numero', numero)
  
  const resultado = 2 / 1;
  console.log('resultado', resultado)
  
  return result;
};

soma(2)
divide(2)

<button onclick="abrirModal()">
  Abrir modal
</button>

<button onClick={abrirModal}>
  Abrir modal
</button>

class Botao extends React.Component {
  constructor(props) {
    super(props);
    // Essa sintaxe garante que o `this` seja vinculada ao this.
    // Por padrão, o JS não faz isso para você. :)
    this.clicar = this.clicar.bind(this);
  }

  clicar() {
    console.log('foi clicado!')
  }

  render() {
    return (
      <button onClick={this.clicar}>
        Clica em mim!
      </button>
    );
  }
}

class Botao extends React.Component {
  // Essa sintaxe também garante que o `this` seja vinculada ao this.
  clicar = () => {
    console.log('foi clicado!');
  }

  render() {
    return (
      <button onClick={this.clicar}>
        Clique em mim!!
      </button>
    );
  }
}