提问者:小点点

如何在 React.js? [重复]中显示从后端拉取的预格式化文本


这是我的代码。

    export default class Notes extends Component {
        constructor() {
            this.state = {
                note: null
            }
        }

        componentDidMount() {
            this.getNote();
        }

        getNote() {
            axios.get("/api/get-note")
                .then(response => {
                    this.setState({note: response.data.note});
                })
                .catch(err => { 
                    console.log(err); 
                });
        }

        render() {
            return (
                <div>
                    <pre>{this.state.note}</pre>
                </div>
            )
        }
    }

假设返回值是


共1个答案

匿名用户

纯JavaScript将节省时间。

document.querySelector('#elementToBeReplace').innerHTML = this.state.note;

react.js的另一个选项是使用< code > dangerouslysettinnerhtml

<div dangerouslySetInnerHTML={{ __html: this.state.note}} />

或者您可以使用< code>html-react-parser。

import Parser from 'html-react-parser';

<div>{Parser(this.state.note)}</div>