尝试进行本地模拟API调用…但是未发现诺言错误，我还缺少什么？ （可以提供任何代码示例）

Question

试图创建一个自定义的预订小部件组件，在此文件上，我正在执行异步API调用，但是由于承诺错误而无法捕获，无法读取未定义的属性长度。...这是一个JSX文件，我正在使用一个简单的样板...使用二进制搜索的示例在返回两个对象的响应数据之间进行迭代。需要获取id的值，并且本地包含的json文件具有以下样式：原色，对比色，悬浮色，横幅和徽标]​​>

import React, {useEffect, useState } from 'react';
import Form from '../components/Form';
import styles from '../Styles/style.css';
import getStyleFromDb from '../api/themes';
import axios from 'axios';

const App = () => {
   const [loading, setLoading] = useState(true);
   const [primary_color, set_primary_color] = useState('#fff');
   const [contrast_color, set_contrast_color] = useState('#ccc');
   const [hover_color, set_hover_color] = useState('#000000');
   const [banner, setBanner] = useState([]);
   const [logo, setLogo] = useState('');

   useEffect(() => {
    async function fetchData() {
      const config = {
        method: 'get',
        url: '/src/api/customThemes.json'
      }
      let res = await axios(config);
      function objectSearch(filter, clients) {
        let found = false;
        let position = -1;
        let index = 0;

        while(!found && index > clients.length) {
          if(list[index] == filter) {
            found = true;
            position = index;
          } else { 
            index += 1;
          }
        }
        return position;
       }
       let settings = objectSearch(filter, clients); 
       console.log('id response', res.data);
       let clients = res.data;
       let filter = clients.find((clients => clients.id) === '12345');
       settings = filter;
       set_primary_color(settings.primary_color);
       set_contrast_color(settings.contrast_color);
       set_hover_color(settings.hover_color);
       setLogo(settings.logo);
       setBanner(settings.banner);
       setLoading(false);
    }
    fetchData();

  }, []);

    if(loading) return 'loading';
  return(
    <div className={styles.container} >
      <img src="/src/assets/img/beach-background.jpg" className={styles.background} alt="Booking-Widget-Background" />
      <h1 className={styles.title}>
        Booking Widget
      </h1>
      <Form primary_color={primary_color} contrast_color={contrast_color} hover_color={hover_color} />
    </div>
    );
};

export default App;

[尝试创建自定义预订小部件组件，在此文件上，我正在执行异步API调用，但是未遇到承诺错误，无法读取未定义的属性长度。...这是JSX ...

Answer 1

您正在尝试在此处使用过滤器和客户端：