как изменить последовательность выхода в реагировать на общий HTML

Question

я хочу precent 1111 в HTML

<span dangerouslySetInnerHTML={{__html:"&lt;p&gt;11111&lt;/p&gt;"}}></span> 

<span dangerouslySetInnerHTML={{__html:"<p>11111</p>"}}></span> 

Answer 1

Если я правильно понимаю ваш вопрос, вы хотите для unescape HTML-объектов и установить их с помощью dangerouslySetInnerHTML. Поскольку не существует обычная функция Javascript как unescape для этого, один из способов будет использовать DOMParser():

class Example extends React.Component { 
 
    decodeHtml(html) { 
 
    let parser = new DOMParser().parseFromString(html, 'text/html'); 
 
    return parser.documentElement.textContent; 
 
    } 
 
    render() { 
 
    return(
 
     <span dangerouslySetInnerHTML={{__html: this.decodeHtml('&lt;p&gt;11111&lt;/p&gt;')}}></span> 
 
    ); 
 
    } 
 
} 
 

 
ReactDOM.render(<Example/>, document.getElementById('View'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.min.js"></script> 
 
<div id="View"></div>