这是我的代码。
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>
)
}
}
假设返回值是”
纯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>