获取值undefined到函数中,函数被声明到另一个js文件中,并在react中的组件中使用

mctunoxg  于 2023-05-07  发布在  React
关注(0)|答案(1)|浏览(96)

我有一个名为test.js的js文件,其中有一个函数

export const a =(data)=>{
                 console.log(data)
}

我有一个名为File.js的功能组件

import React, {useEffect} from "react";
import {a} from "./test";

let data = "hello"

function File() {
useEffect(()=> {a(data)},[]}
  return ( <div>something</div>)
}

export default File;

如果console.log的输出是undefined,我应该得到“hello”。我不明白有什么问题请帮助我

yhuiod9q

yhuiod9q1#

在修复了useEffect()错误的括号类型问题后,代码应该可以正常工作:

File.js

import React, { useEffect } from 'react';
import { a } from './test';

let data = 'hello';

function File() {
  useEffect(() => a(data), []);
  return <div>something</div>;
}

export default File;

在这里,我在一个最小代码环境中实现了它,它按预期打印hello

环境链接

StackBlitz Virtual Environment Link

相关问题