Javascript 文本内容不'；不要做出反应

我正在尝试使用

工具提示创建
折线图
。
当鼠标在图表上时，应该会出现一个工具提示，向我显示该点的值，所有这些都可以工作，但问题是
tooltipText
内容不会呈现，即使我可以在控制台中看到它的值

这是我的代码：

class Tooltip extends Component{

    render(){

        if(this.props.showTooltip){
            var focusXtranslate;
            var focusYtranslate;

            this.props.focusXtranslate === "" ?  focusXtranslate = 0 : focusXtranslate = this.props.focusXtranslate;
            this.props.focusYtranslate === "" ?  focusYtranslate = 0 : focusYtranslate = this.props.focusYtranslate;

            return(
                <g className="focus" transform={"translate(" + focusXtranslate + "," + focusYtranslate + ")"}>  
                    <line className={"x-hover-line hover-line"} x1={"910"} x2={"910"}></line>
                    <line className={"y-hover-line hover-line"} y1={"0"} y2={this.props.height -  focusYtranslate}></line>
                    <circle r={"7.5"}></circle>
                    <text id="tooltipText" x={"15"} dy={".31em"}>{this.props.focusValue}</text>
                </g>
            );
        } else {
            return null;
        }
    }
}

export default Tooltip;

类工具提示扩展组件{
render（）{
如果（此.props.showTooltip）{
var focusXtranslate；
var focusYtranslate；
this.props.focusXtranslate==“”？focusXtranslate=0:focusXtranslate=this.props.focusXtranslate；
this.props.focusYtranslate==“”？focusYtranslate=0:focusYtranslate=this.props.focusYtranslate；
返回(
{this.props.focusValue}
);
}否则{
返回null；
}
}
}
导出默认工具提示；
您还可以提供为该组件传入的那些道具吗？道具动态地传递了更改，如果您想进行一些测试，可以将focusXTranslate设置为444，focusYTranslate设置为277，focusValue设置为3656