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

Question

我正在尝试在反应中渲染轮播，它工作正常。问题在于文本中的特殊字符。 carouselText 包含一些特殊字符，它们看起来像候选项...而不是候选项。

<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'}