如何从反应组件之外的另一个文件获取返回数据？

Question

我正在尝试做出反应以将数据从非组件文件返回到组件，我想知道这是否可能。 如果你不明白我的意思，这里有一些代码：

foo.js：

import random from "./script/stuff/myfantasticfile.js";

export const myFantasticFunction = () =>{
return "Hello world!";
}

应用程序.jsx：

import react from "react";
import Stuff from "./stuff.jsx"
import {myFantasticFunction} from "./foo.js"

function App(){
const myVariable = myFantasticFunction();
return(
<div>
<Stuff/>
<p>{myVariable}</p>
</div>
)

换句话说，当代码执行时，p 标签会显示“未定义”并且不能在屏幕上打印“Hello world”。

我曾尝试在 google、stackoverflow 和其他一些在线编码网站上进行搜索，即：grepper。

如果有人有任何想法，请通过发布答案与我分享。

亲切的问候阿尔文。

Answer 1

也许你的函数在渲染组件时没有加载，我建议尝试一下：

<p>{myVariable ? myVariable : '' }</p>