如何访问从React中另一个页面导入的函数中的变量?

Question

我的目标是在单击卡片时向另一个页面发送一个大字符串或对象。我试过通过链接发送字符串。但这是不可能的，因为它有超过4000个字符。因此，我决定在单击卡片时将字符串存储到函数中的一个变量中，并将该函数导出到另一个页面。我成功地做到了。我的问题是:如何在另一个页面上访问导入函数内的变量?

I triedconst {variable} = importedFunction()． 但是当我在控制台记录这个变量时，它显示未定义。

第1页

export const handleClick =(obj)=> {
const objVar= obj  
} 

Page-2
import handleClick from '../../NewsWithSidebar/NewsWithSideBar'
function Single() { 
const {objVar}= handleClick()
console.log(objVar) /*(but the console is showing undefined)*/

);

Answer 1

您只能访问在您正在工作的范围内或其祖先之一定义的变量。

你不能从外部拉入函数，从内部读取变量。

---

const {objVar}= handleClick()

要使这种语法起作用，函数必须返回具有objVar属性的对象，您可以对其进行解构。

const handleClick = () => {
const something = {
objVar: 1234
};
return something;
};
const {
objVar
} = handleClick()
console.log(objVar);