如何在 ReactJS 中讀取上傳的文本文件並替換文件中的字符串

Question

將字符串“$E Between $F”替換為 BOLD Between

 import React, { useState } from "react"; > > export function Upload({ children }) { const [files, setFiles] = useState(""); > > const handleChange = e => { > const fileReader = new FileReader(); > fileReader.readAsText(e.target.files[0], "UTF-8"); > fileReader.onload = e => { > console.log("e.target.result", e.target.result); > setFiles(e.target.result); > }; }; return ( > <> > <h1>Upload Json file - Example</h1> > > <input type="file" onChange={handleChange} /> > <br /> > {"uploaded file content -- " + files} > </> ); }

導入反應，{ useState } 從“反應”；

導出函數 Upload({ children }) { const [files, setFiles] = useState("");

const handleChange = e => { const fileReader = new FileReader(); fileReader.readAsText(e.target.files[0], "UTF-8"); fileReader.onload = e => { console.log("e.target.result", e.target.result); 設置文件（e.target.result）； }; }; 返回（<>

上傳 Json 文件 - 示例

 <input type="file" onChange={handleChange} /> <br /> {"uploaded file content -- " + files} </> ); }

Answer 1

new FileReader().readAsText(file,“utf-8”);