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

---

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