examples/mini-program-example/src/pages/api/network/request/index.tsx - main - githubmirror/taro

examples/mini-program-example/src/pages/api/network/request/index.tsx

102 строки3 KB

chenai02

feat: 优化JSBridge中类实例方法过多问题

27 май 2024, 15:27

27 май 2024, 15:273071751

import React from 'react'
import Taro from '@tarojs/taro'
import { View } from '@tarojs/components'
import ButtonList from '@/components/buttonList'
import { TestConsole } from '@/util/util'
import './index.scss'

/**
 * 网络-发起请求
 * @returns
 */

export default class Index extends React.Component {
  state = {
    task: null,
    list: [
      {
        id: 'request',
        inputData: {
          url: 'http://192.168.43.232:3000/hello',
          dataType: 'json',
          method: 'POST',
          data: { name: 'Taro' },
          timeout: 10000,
          headers: {
            'Content-Type': 'application/json',
          },
        },
        func: (apiIndex, data) => {
          this.startRequest(apiIndex, data, 'Taro.request')
        },
      },
      {
        id: 'RequestTask.abort',
        func: () => {
          TestConsole.consoleTest('RequestTask.abort')
          if (this.state.task) {
            ;(this.state.task as Taro.RequestTask<any>).abort()
          }
        },
      },
      {
        id: 'onHeadersReceived',
        func: () => {
          TestConsole.consoleTest('RequestTask.onHeadersReceived')
          if (this.state.task) {
            ;(this.state.task as Taro.RequestTask<any>).onHeadersReceived(this.headersReceived)
          }
        },
      },
      {
        id: 'offHeadersReceived',
        func: () => {
          TestConsole.consoleTest('RequestTask.offHeadersReceived')
          if (this.state.task) {
            ;(this.state.task as Taro.RequestTask<any>).offHeadersReceived(this.headersReceived)
          }
        },
      },
      {
        id: 'addInterceptor',
        func: null,
      },
      {
        id: 'cleanInterceptors',
        func: null,
      },
    ],
  }

  headersReceived = (res) => {
    TestConsole.consoleOnCallback.call(this, res, 'onHeadersReceived', 2)
  }

  startRequest = (apiIndex, data, testTitle) => {
    TestConsole.consoleTest(testTitle)
    const task = Taro.request({
      ...data,
      success: (res) => {
        TestConsole.consoleSuccess.call(this, res, apiIndex)
      },
      fail: (res) => {
        TestConsole.consoleFail.call(this, res, apiIndex)
      },
      complete: (res) => {
        TestConsole.consoleComplete.call(this, res, apiIndex)
      },
    })
    this.setState({ task })
    TestConsole.consoleNormal('Taro.RequestTask', task)
    task.onHeadersReceived(this.headersReceived)
  }

  render() {
    const { list } = this.state
    return (
      <View className='api-page'>
        <ButtonList buttonList={list} />
      </View>
    )
  }
}