那么這是用reactjs渲染原始html的唯一方法嗎?// http://facebook.github.io/react/docs/tutorial.html// tutorial7.jsvar converter = new Showdown.converter();var Comment = React.createClass({ render: function() { var rawMarkup = converter.makeHtml(this.props.children.toString()); return ( <div className="comment"> <h2 className="commentAuthor"> {this.props.author} </h2> <span dangerouslySetInnerHTML={{__html: rawMarkup}} /> </div> ); }});我知道有一些很酷的方法來用JSX標記內容,但是我主要感興趣的是能夠呈現原始html(包括所有類,內聯樣式等)。像這樣復雜的事情:<!-- http://getbootstrap.com/components/#dropdowns-example --><div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true"> Dropdown <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li> </ul></div>我不想在JSX中重寫所有內容。也許我在想這一切錯。請糾正我。
使用reactjs渲染原始HTML
阿波羅的戰車
2019-12-25 14:18:32