无法理解为什么反应 console.log returns $$typeof: Symbol(react.element) or nothing

Trouble understanding why react console.log returns $$typeof: Symbol(react.element) or nothing

我目前正在创建一种使用 dropzone-ui 处理文件上传的方法。我已经设法在我的控制台中处理我的上传的主文件上将文件输出显示为文本,但我想将文件解析等处理移动到另一个文件中,这样我的上传文件就不会混乱。但是,当我这样做时,我无法再 console.log 我的输出了。所以我想知道为什么会这样,以及我是否正确传递了文件。如果您需要更多说明或查看其他信息,请告诉我,我很乐意提供所需的任何信息。我也不介意被指向可以解释为什么我得到 $$typeof: Symbol(react.element) 作为输出的资源。感谢您的宝贵时间。

旁注,如果它很重要。我正在尝试解析文件以便将数据传递到我的后端进行存储。

Current drop zone passing file

Function in separate file that is going to handle parsing and reading files

Code that displays text in console from upload file

总的来说,问题如我所料。虽然我没有找到任何有用的资源来回答我的问题,但我在尝试的过程中设法找到了解决方案。

问题是我试图像这样将函数呈现为一个组件,而我本应该将它作为一个像 CycleData() 这样的简单函数来调用。