反应在渲染中保留特殊字符

Question

我正在尝试在 react 中渲染轮播，它工作正常。问题出在文本中的特殊字符上。轮播文本包含一些特殊字符，这些字符显示为候选人而不是候选人。

<div className="servicesslider">
<Carousel slide={true} controls={false} activeIndex={this.state.index} direction={this.state.direction} onSelect={this.handleSelect}>
{ servicesData.slice(0,5).map((sdata, i) =>
<Carousel.Item key={i}>
<img className="carousel-image" width={557} height={427} alt="first" title="first" src={sdata.carouselImage} />
<div className="carousel-body">
<h3>{sdata.text}</h3>
<p dangerouslySetInnerHTML={ { __html: sdata.carouselText } }></p>                        
</div>
</Carousel.Item>)
}
</Carousel>
</div>

请向我建议一个解决方案。

Answer 1

您可以将文本作为纯js发送，前提是JSX文件的编码应为UTF-8

write it as {'your value'}