React JS - 如何在使用本地JSON文件时传递变量(参数)?

时间:2018-06-17 13:21:30

标签: reactjs fetch-api

我的网页正在使用来自API / JSON的数据,并通过API网址传递两个参数

代码:

fetchSegments(building, reselect) {
    const bearerToken = this.getToken();

    const simulations = filter(simulationJson, { clientName: building.clientName}/ ${building.siteName} )

    //fetch(`theapiurl.net/api/simulations/${building.clientName}/${building.siteName}`, {
    // method: 'GET',
    // headers: {
    //            'Content-type': 'application/json',
    //            'Authorization': `Bearer ${bearerToken}`
    //           },
    //      })
    //     .then(response => {
    //       if(!response.ok && response.status === 404) {
    //         this.setState({ segments: [], selected: undefined })
    //        return Promise.reject(response);
    //       }
    //       return response.json();
    //     })
    //     .then(simulation => {
    //         let selectIndex = 0;
    //         if(reselect) {
    //           selectIndex = this.state.selected;
    //        }
    this.setState({ segments: simulation.segments, selected: selectIndex })
    this.props.onSelect(simulation.segments[selectIndex], reselect)
    //   })
  }

我目前必须在本地使用JSON文件,因此我在上面的代码段中注释掉了一些代码,但在尝试附加第二个参数时出现语法错误:

const simulations = filter(simulationJson, { clientName: building.clientName}/ **${building.siteName**} )

我能够在另一个只使用一个参数的文件中解决语法问题,但在传递两个参数时遇到问题。 ......我可以得到一些帮助吗

1 个答案:

答案 0 :(得分:0)

如果您确定此对象具有值,则可以尝试其他方法

fetch('theapiurl.net/api/simulations/'+building.clientName+'/'+building.siteName)