分类导航

程序问答发布时间：2022-06-02 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了React API 调用，无法分配作为道具传递给其他组件，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决React API 调用，无法分配作为道具传递给其他组件？

开发过程中遇到React API 调用，无法分配作为道具传递给其他组件的问题如何解决？下面主要结合日常开发的经验，给出你关于React API 调用，无法分配作为道具传递给其他组件的解决方法建议，希望对你解决React API 调用，无法分配作为道具传递给其他组件有所启发或帮助；

我想看看我是否可以获得有关如何在此 API 调用中调用数据点的帮助，它是一个数字数组，因此字段值可能是 6。但我无法加载任何内容屏幕。我的电话正在工作，因为我正在加载......当为空时，但它只是消失并且不显示任何内容。每当我尝试为数据分配一个数字时，它都会说无法识别。

struct vec4
{
    float x = 0;
    float y = 0;
    float z = 0;
    float w = 0;

    vec4() = default;
    vec4(float x,float y,float z,float w) : x(X),y(y),z(z),w(w) {}

    const float& operator[](int i) const
    {
        switch (i)
        {
        case 0: return x;
        case 1: return y;
        case 2: return z;
        case 3: return w;
        default: __deBUGbreak();
        }
    }
    
    float& operator[](int i)
    {
        // this is safe because we are in a non-const function,so this cant point to a const object
        return const_cast<float&>(static_cast<const vec4&>(*this)[i]);
    }
};

API 数据示例：

import React,{ Component } from 'react'

let headers = {
  'QB-Realm-Hostname': 'XXXXXXXXXXXXXX.quickbase.com','User-Agent': 'fileservice_Integration_V2.1','Authorization': 'QB-USER-TOKEN XXX_XXXX_XXXXXXXXXXXXXXXXXXX','Content-Type': 'application/Json'
};

class JobstableAPI extends Component {
  state = {
    data: null,}

  componentDIDMount() {
    this.fetchData();
  }    

  fetchData = () => {    
    let body = {"from":"bpz99ram7","SELEct":[3,6,80,81,82,83,86,84,88,89,90,91,92,93,94,95,96,97,98,99,101,103,104,105,106,107,109,111,113,115,120,123,224,225,226,227,228,229,230,231,477,479,480,481],"sortBy":[{"fIEldID":6,"order":"ASC"}],"groupBy":[{"fIEldID":40,"grouPing":"equal-values"}],"options":{"skip":0,"top":0,"compareWithAppLocalTime":falsE}}

    fetch('https://API.quickbase.com/v1/records/query',{
      method: 'POST',headers: headers,body: JsON.Stringify(body)
    }).then(response => {
      if (response.ok) {
        return response.Json().then(res => {
          this.setState({
            data: [],})
        });
      }

      return response.Json().then(resBody => Promise.reject({status: response.status,...resBody}));
    }).catch(err => console.log(err))
  }

  render() {
    const { data } = this.state;

    if (data === null) return 'Loading...';

    return (
        <div>{data["3"]}</div>
    )
  }
}

export default JobstableAPI;