1.5 KiB
1.5 KiB
title | localeTitle |
---|---|
Pass a Callback as Props | Pasar una devolución de llamada como accesorios |
Pasar una devolución de llamada como accesorios
Descripción
- Agregue el componente
GetInput
al método de procesamiento en MyApp, luegoinputValue
una propiedad llamadainpu
t asignada ainputValue
desde el estado de MyApp. También cree un prop llamadohandleChange
y pase el manejador de entradahandleChange
. - Agregue
RenderInput
al método de procesamiento en MyApp, luego cree un prop llamadoinput
y pase elinputValue
del estado.
Consejos
state
es una propiedad de la claseMyapp
, así que usa 'this.state' para obtener el valor del objeto- Para obtener más información sobre el estado y las propiedades, lea Estado y ciclo de vida y Componentes y accesorios .
Solución
class MyApp extends React.Component {
constructor(props) {
super(props);
this.state = {
inputValue: ''
}
this.handleChange = this.handleChange.bind(this);
}
handleChange(event) {
this.setState({
inputValue: event.target.value
});
}
render() {
return (
<div>
{ /* change code below this line */
<GetInput input={this.state.inputValue} handleChange={this.handleChange}/>
}
{ /* change code above this line */
<RenderInput input={this.state.inputValue}/>
}
</div>
);
}
};