如何在<br>从文件中获取的新行后添加.txt

Question

我曾尝试使用在另一个问题上发现的regex添加
，但它不适用于我的情况。我正在为我的班级制作一个笔记网络程序，我的目标是在单独的.txt文件中进行笔记，而不是在每行之后手动添加

''

import biology from './notes/biology.txt';
import './App.css';
import React, {useState, useEffect} from 'react';

function App() {
const [BioText, setBioText] = useState('Failed to fetch text');
useEffect(() => {
const getData = async () => {
const response = await fetch(biology)
.then(r => r.text())
.then(BiologyText => {
console.log('text decoded:', BiologyText);
BiologyText.replaceAll(/(rn|r|n)/g, '<br>')
console.log(BiologyText)
return BiologyText
});
const data = response.toString();
setBioText(data);
};
getData()
}, []);

''

Answer 1

如注释中所述，replaceAll将返回一个新字符串，并且不会更改变量值。应该这样做：

useEffect(() => {
const getData = async () => {
const response = await fetch(biology)
.then(r => r.text())
.then(BiologyText => BiologyText.replaceAll(/(rn|r|n)/g, '<br>'));

setBioText(response);
};
getData()
}, []);