Exemplo de componente React com passagem de parâmetros

From Basef
Jump to: navigation, search

A passagem de parâmetros se dá pela propriedade `props`.

import React, { Component } from 'react';
 
export default class InputCustomizado extends Component{
 
    render() {
        return (
            <div className="pure-control-group">
              <label htmlFor={this.props.id}>{this.props.label}</label> 
              <input id={this.props.id} type={this.props.type} name={this.props.name} value={this.props.value}  onChange={this.props.onChange}/>                  
            </div>            
        );
    }
}

Exemplo de uso deste componente:

<InputCustomizado id="email" type="email" name="email" value={this.state.email} onChange={this.setEmail} label="Email"/>