1. Os valores de propriedade padrão

1.1defaultProps propriedades estáticas

defaultProps pode ser um Classe adicionado componentes padrão adereços . Este é geralmente usado para suportes não atribuídos, mas não pode ser nulo no caso

Nota: defaultProps é a classe propriedade, que é propriedade Propriedade estática, não a instância do componente de um 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 baseado em estática redação

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 padrão descontrolados

Às vezes, nós queremos dar um componentes não controlados de um valor inicial, mas não quer que ele siga através React.js a atualização bind, desta vez podemos defaultValue ou defaultChecked para definir o valor padrão de componentes não controlados

propriedade 2.1defaultValue

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

propriedade 2.1defaultChecked

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

1275012490

Publicado 95 artigos originais · Louvor obteve 115 · vista 120 000 +

carta particular preocupações

Reagir (c) - O valor padrão do atributo componente reagir