小编And*_*unt的帖子

使用ReactJS突出显示文本

我正在尝试突出显示与查询匹配的文本,但我无法弄清楚如何使标记显示为HTML而不是文本.

var Component = React.createClass({
    _highlightQuery: function(name, query) {
        var regex = new RegExp("(" + query + ")", "gi");
        return name.replace(regex, "<strong>$1</strong>");
    },
    render: function() {
        var name = "Javascript";
        var query = "java"
        return (
            <div>
                <input type="checkbox" /> {this._highlightQuery(name, query)}
            </div>
        );
    }
});
Run Code Online (Sandbox Code Playgroud)

当前输出:<strong> Java </ strong>脚本

期望的输出:Java脚本

javascript reactjs react-jsx

16
推荐指数
4
解决办法
2万
查看次数

标签 统计

javascript ×1

react-jsx ×1

reactjs ×1