使用this.state为HTML标记指定属性

我正在做一个项目，在这个项目中，图形应该根据所选的图形类型显示Y轴的名称（字符串）

我试着在州里宣布它为

this.state = {
    yAxisLabel: 'Acceleration',
};

并在HTML标记中使用它，如下所示

<div>
  <YAxis
      label={{value: {this.state.yAxisLabel},
           offset: -3,
           angle: -90,
           position: 'left',
      }}
 />
</div>

并将其用作

<div>
  <YAxis
      label={{value: {yAxisLabelName},
           offset: -3,
           angle: -90,
           position: 'left',
      }}
 />
</div>

我试过在互联网上搜索，也试过在stackoverflow上搜索，但找不到类似的问题

如果可能的话，请有人告诉我。如果是的话，一个正确的方法来解决这个问题

附言：新的反应，但在问之前谷歌搜索了很多

---

感谢您的贡献。

删除

此.state.yAxisLabel

周围的花括号。

请添加更多详细信息，例如您正在使用哪个库渲染图形。@GaneshKrishna我正在使用Recharts库。具体来说，此页面可能提供确切的标记。如果有更多的信息我可以提供，请让我知道。谢谢：）非常感谢您的快速查找。我觉得错过了这一点非常愚蠢。谢谢你，伙计，干杯。

<div>
  <YAxis
      label={{value: {yAxisLabelName},
           offset: -3,
           angle: -90,
           position: 'left',
      }}
 />
</div>