javascript - 如何在 React Native 中过滤多个 Select 下拉字段中的数组值

Question

假设下面的数组值我有一个 lgas 数组。下面有 3 个选择字段，Lga、州和国家/地区。我必须在 lga 字段中获得下拉值。如果我在 lga 下拉列表中选择任何值，则同一元素中存在的值应自动出现在州和国家/地区下拉列表中。

例如。如果我在 lga 中选择代码 BNG，那么印度国家应该在国家下拉列表中，卡纳塔克邦的值(value)应该显示。请帮忙。

 // Array Value  
      masterData:
        lga: Array(1)
        0:
        code: "BNG"
        name: "BANGALORE"
        state:
        code: "KA"
        name: "KARNATAKA"
        __typename: "TroubleTicketMasterCode"
        __proto__: Object
       country:
        code: "IND"
        name: "INDIA"
        __typename: "TroubleTicketMasterCode"
        __proto__: Object 
        __typename: "Lga"
        1:
        code: "1234"
        name: "Mangalore"
        state:
        code: "700"
        name: "PARIS"
        __typename: "TroubleTicketMasterCode"
        __proto__: Object
       country:
        code: "NG"
        name: "NIGERIA"
        __typename: "TroubleTicketMasterCode"
        __proto__: Object
        __typename: "Lga"

    // Select field 

                        <SelectField
                            label="Lga"
                            node="lga"
                            options={lga}
                            value={}
                            onChange={this.lgachanges}
                            that={this}
                            setIcon={true}

                          />

                          <SelectField
                            label="State"
                            options={}
                            value={}
                            node="state"
                            onChange={}
                            that={this}
                            setIcon={true}

                          />

                          <SelectField
                            label="Country"
                            options={}
                            value={}
                            node="country"
                            onChange={}
                            that={this}
                            setIcon={true}

                          />

谢谢

Answer 1

lgachanges = event => {
  const temp = lga.find(element =>  element.code === event.target.value)

  this.setState({
    lga: temp.name,
    country: temp.country.name,
    state: temp.state.name,
  })
}

在每个选择中:

 value={this.state. ...} //lga, country, state