Diferença entre usar o <button> e o input

Opa, foi estilo mesmo. Geralmente quando vou criar um botão de submit, uso o type= "submit". Pode postar o seu código para a gente olhar? Não entendi o que vc quer atribuir ao button.

Hey Alberto, eu tentei usar dessa maneira:

import React, { Component } from 'react';

export default class ButtonCustom extends Component {
  render() {
    return(
      <div className="pure-control-group">
        <label></label>
        <button type="submit"
               className="pure-button pure-button-primary"
               value={this.props.value} >
          </button>
      </div>
    );
  }
}

E consumi-lo dentro do componente:

<ButtonCustom value="Gravar"/>

Usando assim, a palavra gravar não aparece dentro do botão... Daí eu experimentei usar dessa forma:

<button type="submit" className="pure-button pure-button-primary"> {this.props.value} </button>

que no caso funciona bem, mas fiquei em dúvida sobre qual o melhor jeito de consumir a tag pra usar como componente customizado.

Opa, agora eu entendi :). Realmente o button do html espera o valor entre as tags e não como atributo value :) => https://www.w3schools.com/tags/tag_button.asp

Entendi! Obrigada!