在react native中，如何将Component中的function设置为global？

Question

主要javascript源代码是这样的，

import React from 'react'
import LoadingScreen from './components/LoadingScreen'

import './js/Login'
import './js/XHR'

class App extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      load: false,
    }
  }

  XHRget = async parameter => {
    this.setState({ load: true });

    await XHR.send(parameter)
      .then(result => {
        this.setState({ load: false });
        console.log(result);
      });
  }

  render() {
    return (
      <View>
        <LoginScreen />
        <LoadingScreen load={this.state.load}></LoadingScreen>
      </View>
    );
  }
}

export default App

我在 App.js 中创建 XHRget() 以控制 'LoadingScreen' 组件。

XHR.js有两个函数。 1) 创建和 return XMLHttpRequest 函数调用 create() 和 2) 从服务器函数调用 send().

获取数据

现在，我想在 Login.js 中从 login() 调用函数 XHRget() 但是，我不知道如何调用.

如何从另一个 js 文件调用函数 XHRget()？

Answer 1

用你喜欢的名字创建一个新文件，把函数放在里面然后导出它。

例如

export const XHRget = async (parent,parameter) =>
{
   parent.setState({load: true});
   await XHR.send(parameter)
         .then(result => {
             parent.setState({load: false});
             console.log(result);
             });
}

调用时记得传入this

在react native中，如何将Component中的function设置为global？

In react native, How to make function in Component to global?

reactjs

react-native

global-functions