1.5 KiB
1.5 KiB
title | localeTitle |
---|---|
Pass a Callback as Props | Passar um retorno de chamada como adereços |
Passar um retorno de chamada como adereços
Descrição
- Adicione o componente
GetInput
ao método render em MyApp e, em seguida, passe-o para um prop chamadoinpu
t atribuído ainputValue
partir do estado de MyApp. Também crie um prop chamadohandleChange
e passe o manipulador de entradahandleChange
para ele. - Adicione
RenderInput
ao método render em MyApp, crie um prop chamadoinput
e passe oinputValue
de estado para ele.
Dicas
state
é uma propriedade da classeMyapp
, então use 'this.state' para obter o valor do objeto- Para aprender mais sobre estado e props, leia State and Lifecycle and Components and Props .
Solução
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>
);
}
};