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

React在渲染中保留特殊字符

1 个答案: