如何在d3 v6.3.1中更新数组时更新条形图数据？

const svg = d3.select("svg");
const data = [10, 20, 30, 40, 50];

svg.selectAll("rect")
   .data(data)
   .enter()
   .append("rect")
   .attr("x", (d, i) => i * 50)
   .attr("y", (d) => 100 - d)
   .attr("width", 40)
   .attr("height", (d) => d);

data[2] = 35; // 更新索引为2的数据为35

svg.selectAll("rect")
   .data(data)
   .attr("y", (d) => 100 - d)
   .attr("height", (d) => d);

const newData = [10, 20, 35, 45, 55, 60];

svg.selectAll("rect")
   .data(newData)
   .enter()
   .append("rect")
   .attr("x", (d, i) => i * 50)
   .attr("y", (d) => 100 - d)
   .attr("width", 40)
   .attr("height", (d) => d);