reactjs - 在本机反应中，如何使组件中的功能全局化？

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

我XHRget()在App.js中创建用于控制“LoadingScreen”组件。

XHR.js有两个功能。1）创建并返回调用的 XMLHttpRequestcreate()函数和 2）从调用的服务器函数获取数据send()。

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

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

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调用的时候记得传入