提问者:小点点

React钩子替换字符串中的文本,并存储值


我遇到了一个起初似乎很容易的任务。

我的目标是创建一个简单的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.我希望 div 将三个 Lorem Ipsum 显示为一个数组,准备切片和拼接。


共1个答案

匿名用户

好吧,我找到了。

替换有效,但如果包含语法或换行符,则不起作用,它将呈现错误。

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

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

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

结果将类似于:

:)希望能有所帮助。