React將我的文本變成<span>的很多東西是什麼？

我有一個字符串，我使用React/JSX顯示。我使用的版本0.14.7這裏是字符串React將我的文本變成<span>的很多東西是什麼？

renderValue(bus) { 
    let busDisplay = `(${bus.busIdCode })`; 
    return (
      <span>{`${bus.country} ${busDisplay}`}</span> 
    ) 
}

當我看到在DOM中，所有的文字被分開分成獨立的<span />的，甚至括號。下面是結果：

<div> 
    <div> 
    <span> 
    <span> 
     <span>Aruba</span> 
     <span> (</span> 
     <span>ABW001</span> 
     <span>)</span> 
    </span> 
    </span> 
</div>

我怎樣才能讓所有的文字一個<span />，並在DOM擺脫這種污染的？

來源

2016-12-13 jhamm

什麼版本的React？這個小提琴，使用反應15，不會創建跨度https://jsfiddle.net/69z2wepo/65062/此外，這實際上是否會影響您的應用程序？ –

版本'0.14.7' – jhamm

上面的代碼和'html'的渲染之間沒有任何區別。 – jhamm

這裏沒有問題，這可能就是React用於呈現文本節點的方式。它根本不重要，它只是一次性DOM呈現工件。當前版本的React似乎以不同的方式呈現文本。

如果您想避免使用其他跨度，請使用當前版本的React。你目前有15個主要版本落後。

來源

2016-12-13 23:16:15

React將我的文本變成<span>的很多東西是什麼？

回答

相關問題