小编Gab*_*ues的帖子

react-admin-如何基于另一个设置输入值

我正在尝试创建一个邮政编码输入,以使用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)

reactjs react-redux react-admin

6
推荐指数
1
解决办法
2762
查看次数

标签 统计

react-admin ×1

react-redux ×1

reactjs ×1