React Native Picker Does not Show SubDepartment Detail

Question

I try to get the Department and sub-department name using react native Picker. But I can only get the main department only sub-department didn't get please help me to Solve That Problem

class CustomExample extends Component {
  constructor(props) {
    super(props);
    this.state = {
      SubDeptValue: null,
      departmentSource: [],
      subDepartmentSource: [],
    };
  }

  componentDidMount() {
    return fetch("http://192.168.1.191:3000/departments")
      .then((response) => response.json())
      .then((responseJson) => {
        this.setState({ departmentSource: responseJson });
      })
      .catch((err) => {
        console.log("Error" + err);
      });
  }

  getSubDept() {
    return fetch(
      "http://192.168.1.191:3000/subdepartments/" + this.state.SubDeptValue
    )
      .then((response) => response.json())
      .then((responseJson) => {
        this.setState({ subDepartmentSource: [responseJson] });
        console.log(this.state.subDepartmentSource);
      })
      .catch((err) => {
        console.log("Error" + err);
      });
  }

  render() {
    const subDept = this.state.subDepartmentSource;
    const options = this.state.departmentSource;
    return (
      <View style={{ flex: 1, flexDirection: "row", justifyContent: "center" }}>
        <CustomPicker
          options={options}
          getLabel={(item) => item.Dep_Name}
          onValueChange={(value) => {
            this.setState({ SubDeptValue: value.Dep_ID }), this.getSubDept();
          }}
        />

        <CustomPicker options={subDept} getLabel={(item) => item.SubDep_Name} />
      </View>
    );
  }
}
export default CustomExample;

Answer 1

等待大神答复