Reactjs 条形图中缺少矩形

我对react和d3是新手。我正在尝试我们的柱状图，但只看到一个重叠的矩形。检查每个rect元素，我看到x、y、高度和宽度都是预期的。但我不明白为什么没有显示其他3个矩形。

BarChart.js

从“React”导入React，{Component} 从“d3比例”导入{scaleLinear}； 从“d3数组”导入{max}； 从“d3选择”导入{select}； 导出默认类条形图扩展组件{ 构造器{ 超级作物 } 组件安装{ 这是createBarChart } 组件更新{ 这是createBarChart } createBarChart==>{ const node=this.node const dataMax=maxthis.props.data 常数yScale=刻度线 .domain[0，dataMax] .range[0，此.props.size[1]] 选择节点 .选择All'rect' .datathis.props.data 。输入//占位符选择 .append'rect'//返回所附加的rect的选择 选择节点 .selectAll'rect'//rect selection .datathis.props.data//在rect选择中更新数据 出口 .remove//exit和remove rect 选择节点 .selectAll'rect'//rect selection .datathis.props.data//将数据与rect选择连接起来 .style'fill'，'fe9922' .attr'x'，d，i=>i*25 .attr'y'，d=>此.props.size[1]-yScaled .attr'height'，d=>yScaled .attr'width'，25 } 渲染{ 回来 //将引用传递给节点以供D3使用 this.node=node} 宽度={this.props.width}height={this.props.height} > } } 使用，我更新了createBarChart，但仍然看到相同的奇怪渲染

createBarChart==>{ const node=this.node const dataMax=maxthis.props.data 常数yScale=刻度线 .domain[0，dataMax] .range[0，此.props.size[1]] this.rects=selectnode .选择All'rect' .datathis.props.data 这个是矩形的 出口 去除 this.rects=this.rects.enter .append'rect' .mergethis.rects .style'fill'，'fe9922' .attr'x'，d，i=>i*25 .attr'y'，d=>此.props.size[1]-yScaled .attr'height'，d=>yScaled .attr'width'，25 } App.js

---

发现错误，我输入了错误的道具，本例中不存在this.props.width和this.props.height。当矩形的高度溢出svg框时，我只能看到一个最长的条，但看不到其他较短的条

this.node=node} 宽度={this.props.size[0]}高度={this.props.size[1]} >

---

发现错误，我输入了错误的道具，本例中不存在this.props.width和this.props.height。当矩形的高度溢出svg框时，我只能看到一个最长的条，但看不到其他较短的条

this.node=node} 宽度={this.props.size[0]}高度={this.props.size[1]} >