Question

import mockRequests from './requests.json'

export const getRequestsSync = () => mockRequests

export const getRequests = () =>
  new Promise((resolve, reject) => {
    setTimeout(() => resolve(mockRequests), 500)
  })

这是Api.js文件，并导出两个函数以在不同的类中使用到react中。如何将这两个函数使用到componentDidMount中，我已经将两个功能都导入了该类。

Answer 1

这是一个有效的示例示例：https://stackblitz.com/edit/react-7yqskf?file=Hello.js

您可以像这样使用它：

  constructor() {
    this.state = {
      getRequestsData: null,
      getRequestsSyncData: null,
    }
  }

  async componentDidMount() {
    const getRequestsSyncData = getRequestsSync();
    const getRequestsData = await getRequests();

    this.setState((prevState) => {
      return { ...prevState, getRequestsData, getRequestsSyncData }
    }
    )
  }

如何调用返回json并从其他组件调用的外部函数？

1 个答案: