suchen

Heim  >  Fragen und Antworten  >  Hauptteil

javascript - react.js中如何将组件渲染的文字中关键字高亮显示

想让搜索的关键字在搜索结果中高亮显示,在网上看到有个办法,代码如下:

<script>
    function light(nodeID, key, color){
        var NodeID = nodeID || "";
        var keyWord = key || "";
        var keyColor = color || "red";
        var node =document.getElementById(nodeID) ;//可使用document.getElementById替换
        if (NodeID != "" && keyWord != "") {
            var pattern = new RegExp(keyWord, "gi");
            var html = document.getElementById(nodeID).innerHTML; //可使用innerHTML替换
            html = html.replace(pattern, "<font color='" + keyColor + "'>" + keyWord + "</font>");
            document.getElementById(nodeID).innerHTML=html;//可使用innerHTML替换
        }
    }
    light('title','111','red');

在html文件中测试成功,但在react.js写的js文件中报错,求解决

怪我咯怪我咯2776 Tage vor374

Antworte allen(1)Ich werde antworten

  • 黄舟

    黄舟2017-04-11 09:12:02

    要在 render 之后执行,
    http://reactjs.cn/react/docs/component-s...
    看下生命周期这块,
    由于描述的太局限,只能这样猜测了 希望有帮助

    Antwort
    0
  • StornierenAntwort