react html转义,React中防止字符转义

React 会将所有要显示到 DOM 的字符串转义，防止 XSS。所以，如果 JSX 中含有转义后的

实体字符，比如 ©(©)，则最后 DOM 中不会正确显示，因为 React 自动把 © 中的特

殊字符转义了。

解决方案：

import React, { Component } from 'react';

import PropTypes from 'prop-types'

import { connect } from 'react-redux'

import ThemeSwitch from './ThemeSwitch'

class Header extends Component {

static propTypes = {

themeColor: PropTypes.string

}

render () {

return (

{['cc ', ©, ' 2015']}

cc © 2015

)

}

}

const mapStateToProps = (state) => {

return {

themeColor: state.themeColor

}

}

Header = connect(mapStateToProps, null)(Header)

export default Header