导出函数：找不到变量答案

【问题标题】：Export a function: can't find variable导出函数：找不到变量
【发布时间】：2018-09-07 07:35:04
【问题描述】：

我尝试创建一个函数并将其导出以在不同的组件中调用，但我不太清楚它是如何工作的，并且当我这样做时会发生错误：

功能代码：

export function myFunction( param ) {
   //my code...
   var ret = param
   return ret;
};

在组件中调用：

import {components} from 'react'
import {myFunction} from './class.js';
import {Alert} from 'react-native';

class myClass extends Component{
  componentDidMount() {
    var val = myFunction('the param');
    Alert.alert(val);
  }
}

并出现此错误：

找不到变量：myFunction

感谢您的帮助。

【问题讨论】：

class.js在同一个目录吗？
是的，确实如此。
试试这个import myFunction from './class.js';
总是出现错误...

标签： function react-native import export

【解决方案1】：

你做错了。这是正确的方法。使用const 而不是function。而且，你总是可以使用如下箭头函数：

export const myFunction = ( param ) => {
  //my code...
  var ret = param
  return ret;
};

现在您可以像上面一样导入myFunction。希望能帮助到你。

【讨论】：

它帮助我现在我有另一个错误：undefined is not a function
在你的第二个代码块的第一行，你为什么使用import {components} from 'react';？你可能应该尝试使用这个：import React, { Component } from 'react';
这和导出函数myFunction没什么区别。两者的工作方式相同。

【解决方案2】：

export default function myFunction( param ) { //my code... var ret = param return ret; };

试试吧，让我知道它有帮助。

【讨论】：