javascript - typescript 错误: Property 'scrollIntoView' does not exist on type 'never' . TS2339

Question

在我的组件中，我有以下代码可以滚动到页面底部:

const el = useRef(null);

useEffect(() => {
    if (el.current === null) { }
    else
        el!.current!.scrollIntoView({ block: 'end', behavior: 'smooth' });

    if (props.loading != true)
        props.fetchFeedbackTaskPageData(submissionId);

}, [])

此 el 引用附加到 div(位于页面底部)，如下所示:

<div id={'el'} ref={el}></div>

但是，我收到以下错误:

Property 'scrollIntoView' does not exist on type 'never'. TS2339

当我没有使用 ! 时，我收到此错误:

Object is possibly 'null'. TS2531

我检查了很多关于这个问题的帖子，但没有看到在使用 useRef 和 scrollIntoView 时如何在 React 中处理这个问题。有什么想法吗？

Answer 1

对于 2020 年读到这篇文章的人来说

const el = useRef<null | HTMLDivElement>(null); 

不再:

const el = useRef<null | HTMLElement>(null);