我正在尝试使用该/app文件夹的 Next.js 13 的新功能,但在处理输入表单的简单客户端组件中,我尝试使用FileReader但在浏览时收到错误。
这是代码的摘要:
"use client";
import React, { useState, useEffect } from "react";
import { useRouter } from "next/navigation";
import useStore from "../app/store";
export default function FileUploader() {
const [files, setFiles] = useState([]);
const router = useRouter();
const addFile = useStore((state) => state.addFile);
const fileReader = new FileReader();
const onFileSelect = (event) => {
event.preventDefault();
setFiles(event.target.files);
console.log(event.target.files);
};
useEffect(() => {
if (files[0] == null) return;
let FileToString = fileReader.readAsText(files[0]); // get error at …Run Code Online (Sandbox Code Playgroud)