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

【问题标题】：React hooks replace text in a string, and store the valueReact 钩子替换字符串中的文本，并存储值
【发布时间】：2021-07-01 16:40:13
【问题描述】：

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

我的目标是创建一个简单的 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是一个styled-input，而div就是div。我想让div把三个Lorem Ipsum显示为一个数组，准备切片和拼接。

【问题讨论】：

我发现替换有效，但不适用于长句。出于某种原因，由于多个 / 和 * $ 符号，我得到了语法错误。我正在寻找比替换更好的工具。我只需要从字符串中删除特定值

标签： arrays json reactjs react-hooks splice

【解决方案1】：

好的，我找到了。

替换有效，但如果包含语法或换行符则无效，它将呈现错误。

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

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

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

结果类似于：

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

:) 希望对您有所帮助。

【讨论】：