javascript - react.js中如何将组件渲染的文字中关键字高亮显示
怪我咯
怪我咯 2017-04-11 09:10:02
0
1
388

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

<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文件中报错,求解决

怪我咯
怪我咯

走同样的路,发现不同的人生

reply all(1)
黄舟

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

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template