React hooks 替换字符串中的文本，并存储值

Question

我遇到了一项起初看起来很容易的任务。

我的目标是创建一个简单的 js 函数，用户可以在其中将 pdf 中的粘贴值复制到样式化的组件输入中，然后用空白替换几个单词以创建一个干净的 json 文件。

假设我正在尝试从

中删除除文本“Lorem Ipsum”之外的所有内容

“Lorem Ipsum 只是印刷和排版行业的虚拟文本。自 1500 年代以来，Lorem Ipsum 一直是行业的标准虚拟文本，当时一位不知名的印刷商拿走了一个字体厨房并将其打乱以制作字体样本书。它不仅存在了五个世纪，而且还跨越了电子排版，基本保持不变。它在 1960 年代随着包含 Lorem Ipsum 段落的 Letraset 工作表的发布而流行，最近随着桌面出版软件如 Aldus PageMaker 的发布而流行，包括Lorem Ipsum 的版本。

这是我尝试过的方法，我正在寻找将某些文本替换为空白的方法，并通过行分隔将其变成 json。

const [first, setFirst] = useState("");

    return <Container type="text" placeholder="text here" onChange={(e)=>{setFirst(e.target.value);}}>
 <div>{first}</div> 
</Container>

容器是一个样式输入，div只是div.I想要div将三个Lorem Ipsum显示为一个数组，准备切片和拼接。

Answer 1

好的，我找到了。

替换有效，但如果包含语法或换行符则无效，而是会出现错误。

我的解决方法是创建多个替换，例如： var xample = inputvalue.replace(/1|2|3/,",").replace(/4|5|6/,",")... 如果需要，您可以添加 xample2 = xample.replace(//,"")...

等等，关键是要聪明并创建专用于该特定内容格式的特定算法。

对于我的情况，我只是添加了 split(',') 以便值用逗号分隔。

结果类似于：

名称：{xample2[0]}，地址：{xample2[1]}

:) 希望对您有所帮助。

React hooks 替换字符串中的文本，并存储值

React hooks replace text in a string, and store the value

arrays

json

reactjs

react-hooks

splice