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

问题描述

我在完成一项起初看起来很简单的任务时遇到了麻烦。

我的目标是创建一个简单的 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>

Container 是样式化输入，div 只是 div。我希望 div 显示三个 Lorem Ipsum 作为数组，准备切片和拼接。

解决方法

好的，我找到了。

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

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

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

就我而言，我只是添加了 split(',') 以便值用逗号分隔。

结果类似于：

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

:) 希望它有所帮助。