小编Fam*_*8er的帖子

useRef TypeScript - 不可分配给类型 LegacyRef<HTMLDivElement>

我正在尝试useRef与 TypeScript一起使用,但遇到了一些麻烦。

用我的RefObject(我假设)我需要访问current. (即node.current

我已经尝试了以下

  • const node: RefObject<HTMLElement> = useRef(null);
  • const node = useRef<HTMLElement | null>(null);

但是当我去设置时,ref我总是被告知 Xis not assignable to type 'LegacyRef<HTMLDivElement> | undefined'.

return <div ref={ node }>{ children }</div>

编辑:这不应该仅限于任何一种类型的元素,所以不仅仅是 HTMLDivElement | HTMLFormElement | HTMLInputElement

编辑:这应该作为一个例子

import React, { useRef, RefObject } from 'react';

function Test() 
{
    // const node = useRef(null);
    // const node: RefObject<HTMLElement> = useRef(null);
    const node = useRef<HTMLElement | null>(null);

    if ( …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs tsx

10
推荐指数
4
解决办法
7184
查看次数

Chart.js 雷达不显示数据值

将鼠标悬停在某个点上时,我的雷达图不会显示数据值。 Chart.js 2.8.0

<script src="./vendor/chart.js/Chart.js"></script>
<canvas id="radar-chart" width="1200" height="550"></canvas>
<script>
new Chart(document.getElementById("radar-chart"),{
    type: 'radar',
    data: {
        labels: ["Buisiness Loans","Residential Loans","Aggriculture Loans","Student Loans","Personal Loans"],
        datasets: [{
            label: "Guthrie",
            data: [13,22,21,29,15],
            }],
    }
});
</script>
Run Code Online (Sandbox Code Playgroud)

当我使用此页面上的模板时,仍然会发生这种情况。所以可能不是直接由于chart.js. 问题发生在铬和边缘。我没有加载额外的插件,也没有css.

编辑 1:悬停将显示标签而不是该点的数据值。

chart.js

3
推荐指数
1
解决办法
990
查看次数

标签 统计

chart.js ×1

reactjs ×1

tsx ×1

typescript ×1