Question

好的，所以我是 React 的新手，并且制作了一个应用程序，该应用程序从 API 获取一些数据并将其存储到表中。它有效，但大部分代码都在一个文件中，这让我很恼火。现在我试图将它拆分到多个文件中，但目前还没有多少运气。

我按照一个回答说我可以创建一个 APIManager 并使用以下代码：

import React from 'react';

const base_url = 'https://europe-west1-single-router-309308.cloudfunctions.net/GET?';

export let buildURL = (offset, pagination, product_name, store_name) => {
    [...]
}

然而，这给了我一个 TypeError: Object(...) is not a function。我用普通函数、导出函数和 this 尝试了它，但没有任何效果。我应该用它制作一个组件吗？这是调用代码的地方：

<div className='header'>
          <Form handleSubmit={(offset, pagination, product_name, store_name) => {buildURL(offset, pagination, product_name, store_name)}}/>
</div>

Answer 1

好的，在@digitalbreed 的帮助下，我设法修复了它！我变了

import buildURL from './src/managers/APIManager';

到

import * as APIManager from './src/managers/APIManager';

并更改了我对代码的引用

<Form handleSubmit={(offset, pagination, product_name, store_name) => { APIManager.buildURL(offset, pagination, product_name, store_name)}}/>

到

<Form handleSubmit={() => this.handleSubmit(offset, pagination, product_name, store_name)}/>

与

handleSubmit(offset, pagination, product_name, store_name){
  var url = APIManager.buildURL(offset, pagination, product_name, store_name);

它现在工作正常。感谢您的帮助，digitalbreed！

在 React 中跨项目拆分功能？

1 个答案: