d3.js的添加文本如何实现

关于d3.js的添加文本的问题，最近在利用d3开发一款标注工具，今天遇到一个小问题，就是对标注好的矩形或者是点旁边要给添加一个文本，从开始做就一直在尝试，但是始终是显示不出来。
这是我使用的d3版本

"d3": "^7.0.0",

画布中的元素是一个矩形，以下是生成矩形的代码

svg.append("g")
        .append("rect")  //添加一个矩形
        .attr("x",x0)
        .attr("y",y0)
        .attr("width",width1)
        .attr("height",height1)
        .attr("stroke", "yellow")
        .attr("fill", "yellow")
        .attr("fill-opacity", 0.1)

刚开始的思路很简单，就是接着在这串代码后边跟着写我要加的文本

svg.append("g")
        .append("rect")  //添加一个矩形
        .attr("x",x0)
        .attr("y",y0)
        .attr("wi