我正在尝试创建一个邮政编码输入,以使用React-Admin在创建表单中自动加载街道,州和城市的值。如何根据onBlur邮政编码输入的事件填充输入?我获得的最佳结果是以下情形:
我创建了一个具有4个输入的自定义组件:邮政编码(在我的国家称为CEP),街道地址,州和城市。然后,我onBlur在zip输入上添加了一个事件,并根据状态属性在输入上设置了值。这是代码
class CustomAddressInput extends React.Component {
constructor(props){
super(props);
this.state = {
cep : '',
address : '',
uf : '',
city : '',
}
this.setAddress = this.setAddress.bind(this);
}
setAddress(e){
if(e.target.value != undefined){
endereco(e.target.value).then((result)=>{
this.setState({
cep: result.cep,
address: result.logradouro,
uf: result.uf,
city: result.localidade
});
});
}
}
render() {
const { classes } = this.props;
return (
<TextInput label="CEP" source="cep" onBlur={(e) => this.setAddress(e)} defaultValue={this.state.cep} />
<TextInput label="Endereco" source="address" defaultValue={this.state.address}/>
<SelectInput label="Estado" source="state" choices={stateList} defaultValue={this.state.uf}/>
<TextInput label="Cidade" …Run Code Online (Sandbox Code Playgroud)