Javascript 反应：HTML未正确呈现

我有一个React组件，它的主要目标是在通过

标记
将一篇文章转换为HTML后，呈现一个存储在广告中的标记（.md文件）

Articles.js
从“React”导入React；
从“标记”进口标记；
导入“/articles.css”；
导出默认类项目扩展React.Component{
建造师（道具）{
超级（道具）；
此.state={
第[…]条，
最后一篇文章：“
}
}
组件willmount（）{
获取（“/last_article”{
标题：{
“接受”：“文本/降价”
}
})
。然后（res=>res.text（））
。然后（txt=>标记（txt））
。然后（html=>{
这是我的国家({
最后一篇文章：html
});
});
}
render（）{
返回(
{本州最后一篇文章}
);
}
}

后端工作正常，
组件将挂载
获取正确的文本并进行完美的转换。但它呈现如下：


我不是React专家，以前从未面对过这个问题

有什么建议吗？
使用我在下面介绍的
危险的方法


类文章扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
第[…]条，
最后一篇文章：“
}
}
组件willmount（）{
这是我的国家({
最后一篇文章：`你好`
});
}
getMarkdownText（）{
返回{uuuhtml:this.state.last\u article}；
}
render（）{
返回(
);
}
}
ReactDOM.render(
,
document.getElementById（'root'））
)
使用我在下面描述的
危险的西汀HTML
方法


类文章扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
第[…]条，
最后一篇文章：“
}
}
组件willmount（）{
这是我的国家({
最后一篇文章：`你好`
});
}
getMarkdownText（）{
返回{uuuhtml:this.state.last\u article}；
}
render（）{
返回(
);
}
}
ReactDOM.render(
,
document.getElementById（'root'））
)

正如其他人所说，DangerouslySetinerHTML会起作用，但是如果你发现自己经常这样做，
正如其他人所说，DangerouslySetinerHTML会起作用，但是如果你经常这样做，。
使用DangerouslySetinerHTML来呈现html。维德所说的，正准备发布。使用危险的html来呈现html。维德说的话，我正要发布。谢谢！我来看看。谢谢！我来看看。
import React from 'react';
import marked from 'marked';
import './articles.css';

export default class Articles extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      articles: [],
      last_article: ""
    }
  }

  componentWillMount() {
    fetch('/last_article', {
      headers: {
        'Accept': 'text/markdown'
      }
    })
    .then(res => res.text())
    .then(txt => marked(txt))
    .then(html => {
      this.setState({
        last_article: html
      });
    });
  }

  render() {
    return (
      <div className="articles">
        {this.state.last_article}
      </div>
    );
  }

}