Question

我正在尝试使用React和marked构建Markdown预览器。这是我的代码：

var Input = React.createClass({

  getInitialState: function() {
    return {typed: 'I am using __markdown__.'};
  },
  onChange: function(event) {
    this.setState({typed: event.target.value});
  },
  render: function() {

    const element = (
      <div id="container">
      <div id="input-container">
        <textarea class="form-control" rows="20" id="main-input" onChange={this.onChange.bind(this)}/>
      </div>
      <div id="result-container">
        {marked(this.state.typed)}
      </div>
      </div>
    );
    return element;
  }
});
React.render(<Input/>, document.querySelector('div'));

结果如下：

<div id="result-container" data-reactid=".0.1">&lt;p&gt;I am using &lt;strong&gt;markdown&lt;/strong&gt;.&lt;/p&gt;
</div>

为什么会这样？我该如何解决？（我尝试将所有＆lt;和＆gt;替换为＆lt;和＆gt;内部渲染。但这不起作用）

＆LT;和＆gt;转换成＆lt; ＆GT;在React js渲染

0 个答案: