Javascript 如何删除a<；上文本的连字符；文本>；贴上标签？

我最近开始学习react native，我在申请时遇到了几个问题。我有一个标签，我需要传递一个文本，没关系。但我不能让这篇文章有连字符，因为它是关注儿童的。因此，我需要删除为标记自动生成的任何连字符。这里有人经历过这样的情况吗？谢谢大家!

<Text 
style={mixedGuideTextStyle}
font="madeWaffle">
"testetdgtsd sdfugkgfus wsefjkhksdhfsdh sjfkdhgdschsdk swedifuhskdichksh sdhcksdhjchds"
</Text>

“TestedGTSD sdfugkgfus wsefjkhksdhfsdh SJFKDHGDSK SWEDIFUHSKDICKSH SDHCDKDS”

如果我理解正确，您希望动态呈现

元素的文本内容，以便删除任何

'-'

字符

一个简单的解决方案是在表达式内部呈现

的文本内容（即通过

{}

），并使用字符串上的方法将所有

'-'

字符替换为空字符串，如下所示：

<Text 
style={mixedGuideTextStyle}
font="madeWaffle">
{ "testetdgtsd-sdfugkgfus-wsefjkhksdhfsdh".replace(/-/gi, '') }
</Text>

{“TestedGTSD sdfugkgfus wsefjkhksdhfsdh”。替换（/-/gi，）}

这将导致文本元素使用以下字符串内容呈现：

---

TestedGTSD sdfugkgfus wsefjkhksdhfsdh

您需要包括全局标志：

var str="185-51-671";
var newStr = str.replace(/-/g, "");

你也可以

str.split('-').join('');

这也应该起作用

---

你可以走了

您可以通过应用@Akshay Mulgavkar所指的替换函数来创建自己的组件

function NoHyphensText({ children }) {
  return (
          <Text 
            style={mixedGuideTextStyle}
            font="madeWaffle">
              {children.replace(/-/gi, ' ')}
          </Text>
  );
}

函数NoHyphensText（{children}）{
返回(
{children.replace（/-/gi，，）}
);
}

然后像这样使用它

<NoHyphensText>Render-this-whithout-hyphens</NoHyphensText>

不使用连字符渲染此内容

嘿，伙计们，谢谢你们的关注。但真正的问题是连字符是自动生成的，我不会用连字符传递字符串。因此，如果我刚刚替换了一个I，那么不会有任何区别，因为字符串没有连字符。你能想到别的吗？@GlautonSantos不客气-你能展示一下字符串是如何提供的吗？我可以更新我的答案以适应这一点：）这是从服务器提交的，但是我放在示例中的那些词也很好，你使用的任何字符串示例都会起作用，只是有些词太大了，没有断行，而是添加了连字符。字符串内容和JSX是否直接在服务器上呈现？传递到

的字符串内容不是从组件状态传递过来的，我是否正确？Dacre，我想我发现了问题。在我的国家，当实际行结束时，我们使用连字符在另一行保留一个单词。所以，正如我在代码中看到的，有人做了一个函数来实现我的语言规则，这就是为什么连字符会自动出现的原因。我将看看我能做些什么来删除这个函数。谢谢你的帮助！！你好，阿克谢，谢谢你的评论。但不幸的是，真正的问题是连字符是自动生成的，因此，如果我只是替换或使用拆分和联接，它将只更改中没有连字符的字符串。我想知道在自动生成后如何删除连字符，或者只是使我的标记无法使用它。连字符是如何自动生成的。Akshay，在我的国家，当实际行结束时，我们使用连字符在另一行保留一个单词。所以，正如我在代码中看到的，有人做了一个函数来实现我的语言规则，这就是为什么连字符会自动出现的原因。这就是为什么它如此反常，但我想我现在知道如何解决这个问题了。谢谢你的帮助！！