从函数返回多个值并在 promise 中分配返回值时遇到问题

Question

我有一个返回两个值的函数。 我正在尝试返回数组中的值。

export function getSettingsConfig (selectedSetting, formSchema) {
    debugger;
        //gets selected setting config
        fetch(`/ui/settings/${selectedSetting}`, {
            method: 'GET',
            headers: {
                'Content-Type': 'application/json',
                'Accept': '*/*'
            },
        })
            .then(response => response.json())
            .then(response => {
                //maps config to form schema
                let settingsConfig = response.data;
                let newFormSchema = setNonDefaultFieldValues(settingsConfig, formSchema);
                    return [settingsConfig, newFormSchema]
            })
            .catch((err) => {
                /* Todo - add better error handling here. */
                console.log('Fetch Error :-S', err);
            })
    };

在我的componentDidMount() ，我调用了getSettingsConfig函数并尝试将返回的值分配给一个名为values的数组。

componentDidMount() {
        let general = {};
        let values = [];

        //gets selected setting form schema
        getSettingsForms().then((response) => {
            this.setState({settingsForms: response});
            general = response[this.state.selectedSetting];
        }).then(response => {
            values = getSettingsConfig(this.state.selectedSetting, general);
            console.log(values);
        })
    }

当我尝试console.log()这个返回值数组到控制台时，我得到undefined 。 知道我在我的功能中做错了什么吗？ 为什么不返回值数组？

Answer 1

您必须使用 async await 等待承诺得到解决，然后使用变量值

Answer 2

您可以使用async和await解决您的问题

async componentDidMount() {
    let general = {};
    let values = [];

    const response  = await getSettingsForms()

    general = response[this.state.selectedSetting]
    values = getSettingsConfig(this.state.selectedSetting, general)
}

Answer 3

您必须在getSettingsConfig中返回 promise 才能通过调用它来获取其结果。

// ...
return fetch(`/ui/settings/${selectedSetting}`, {
// ...

您还必须解决承诺：

// ...
      getSettingsForms().then((response) => {
          this.setState({settingsForms: response});
          general = response[this.state.selectedSetting];
          // resolve the promise here
          getSettingsConfig(this.state.selectedSetting, general).then((values) => {
            console.log(values);
          });
      });
// ...