javascript - 在“-”处换行

Question

我正在尝试创建单独的行if a string contains " -"。但如果它不包含“-”，则保留字符串原样。例如，

const string = '-Sentence one -Sentence two -Sentence three'
<div>
  {string}
</div>

但是如果有一个空格后跟一个连字符，这个字符串应该分成多行。那么网站上应该显示的内容，就是几行。而不是一句话。另外，替换后，我还想按原样重新插入“-”。

标签： javascriptreactjs

Answer 1

考虑拆分、映射和添加换行符 ( <br />) 与缺少的任何内容

有点像：

const string = '-Sentence one -Sentence two -Sentence three'

<div>
  {string.split(' -').map(x => <span key={somethingUnique}>-{x} <br /></span>)}
</div>