React (c) - El valor por defecto del atributo componente Reaccionar

directorio

1. Los valores de propiedad predeterminados

1.1defaultProps propiedades estáticas

1.1.1 basado en texto estático

2. componentes de valor por defecto no controlados

propiedad 2.1defaultValue

propiedad 2.1defaultChecked

---

1. Los valores de propiedad predeterminados

1.1defaultProps propiedades estáticas

defaultProps pueden ser una clase añadió componentes predeterminados de los apoyos . Esto se utiliza generalmente para los apoyos no asignados, pero no puede ser nulo en el caso

Nota: defaultProps  es la  clase de  propiedad, que es propiedad de la propiedad estática, no la instancia del componente de un objeto

class MyComponent extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        return(
            <div>
                <h2>MyComponent - {this.props.max}</h2>
            </div>
        );
    }
}

MyComponent.defaultProps = {
    max: 10
}

ReactDOM.render(
    <MyComponent />,
    document.getElementById('app')
);

1.1.1 basado en estática redacción

class MyComponent extends React.Component {
  	static defaultProps = {
      	max: 10
    }
    constructor(props) {
        super(props);
    }

    render() {
        return(
            <div>
                <h2>MyComponent - {this.props.max}</h2>
            </div>
        );
    }
}

ReactDOM.render(
    <MyComponent />,
    document.getElementById('app')
);

2. componentes de valor por defecto no controlados

A veces, queremos dar a los componentes no controlado de un valor inicial, pero no queremos que siga a través React.js de actualización se unen, esta vez podemos defaultValue o defaultChecked para establecer el valor por defecto de componentes no controladas

propiedad 2.1defaultValue

<input type="text" defaultValue={this.state.v1} />

propiedad 2.1defaultChecked

<input type="checkbox" defaultChecked={this.state.v2}  />
<input type="checkbox" defaultChecked={this.state.v3}  />