Chartjs-2传递状态以动态处理数据

Question

我正在尝试将数据从状态动态传递到chartjs数据集。

我正在使用reactJs，chartjs-2

当我打电话给图表时：

   <Line data={cardChartData1} options={cardChartOpts1} height={70} />

在这里我有我的静态数据的cardChartData1：

const cardChartData1 = {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
datasets: [
{
  label: "Member Registered",
  backgroundColor: brandInfo,
  borderColor: 'rgba(255,255,255,.55)',
  data: [1, 33, 9, 17, 34, 22, 11],
},
],};

这是我的状态：

    this.setState({ 
    registeredLastHours: registeredLastHours,
  });

返回：

{nbParticipants: 0}
{nbParticipants: 3}
{nbParticipants: 14}
{nbParticipants: 1}
{nbParticipants: 3}
{nbParticipants: 6}
{nbParticipants: 15}

所以我想将 this.state.registeredLasHours 传递给 cardChartData1 以替换数据：[1、33、9、17、34、22、11] ，（我知道我必须映射并返回一个数组）

cardChartData1 是组件外部的const函数 触发componentDidMount时，将在组件中设置我的状态

cardChartData1 中的预期结果将类似于：

数据：this.state.registeredLastHours。