我正在尝试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) 将鼠标悬停在某个点上时,我的雷达图不会显示数据值。 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:悬停将显示标签而不是该点的数据值。