已解決430363個問題，去搜搜看，總會有你想問的

讀取文件組件（fs.readFile）

首頁猿問讀取文件組件（fs.readFile）

讀取文件組件（fs.readFile）

JavaScript

飲歌長嘯 2022-10-08 17:46:47

我收到一個錯誤，指出這fs.readFile不是一個函數。我不了解如何使用fs.readFile？https://www.geeksforgeeks.org/node-js-fs-readfile-method/這里的目標是將我的文件的內容放入一個變量中并進一步解析該值。import React from 'react';const fs = require('fs')const ToolTipTextMod = (props) => { let txt = null; fs.readFile('../../components/ToolTip/ToolTipText.txt',(err, data) => {console.log(data)}) return( <p>{txt},{props.textId}</p> );}export default ToolTipTextMod;

查看完整描述

2 回答

largeQ

TA貢獻2039條經驗獲得超8個贊

fs 是一個 Nodejs 模塊。所以我建議使用像 raw-loader 這樣的包，但為此你需要設置 webpack。

所以替代方法是簡單地使用 fetch/Axios。

例子：

import React, {useState,useEffect} from "react";

import txt from "./test.txt"; // Your file path

import Axios from "axios"; // Import Axios or use Fetch.

const ToolTipTextMod = (props) => {

const [text,setText] = useState("");

useEffect(()=>{

Axios(txt).then(res => setText(res.data)); // This will have your text inside data attribute

},[])

return <p>/* code */</p>

}

反對回復 2022-10-08

www說

TA貢獻1775條經驗獲得超8個贊

fs.readFile()適用于 NodeJs，對于前端反應，您可以使用FileReader()：

const handleReadFile = () => {

const reader = new FileReader();

reader.onload = (e) => {

const fileContents = e.target.result;

console.log(fileContents);

setText(fileContents);

};

reader.readAsText(selectedFile);

};

反對回復 2022-10-08

2 回答
0 關注
263 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

讀取文件組件（fs.readFile）

讀取文件組件（fs.readFile）

2 回答

添加回答