与ChartJS反应 - 如何显示？

Question

很明显，我没有正确地做到这一点......在我看来它应该有效，但我不知道。

这是我的图表组件：

import React from 'react';
import $ from 'jquery';
import Chart from 'chart.js';

const canvas = () => (
  <canvas id="LOVE" width="100%" height="100%"></canvas>
);

export const LOVE = () => {
  const chart = new Chart($('#LOVE'), {
    type: 'doughnut',
    data: {
      labels: [
        'red',
        'blue',
        'yellow',
      ],
      datasets: [{
        data: [300, 50, 100],
        backgroundColor: [
          '#ff6384',
          '#36a2eb',
          '#ffce56',
        ],
        hoverBackgroundColor: [
          '#ff6384',
          '#36a2eb',
          '#ffce56',
        ],
      }],
    },
  });
  return chart;
};

为什么不显示图表LOVE？

另外，我可以在不使用jquery $？

的情况下定位画布