道具驗證中缺少“道具”？

Question

我是 React 的 forwardRef 的新手，我需要幫助。 我在FadeContents的道具上遇到錯誤，它指出道具驗證中缺少例如“方向”。 有針對這個的解決方法嗎？ 我覺得我必須在某處定義道具才能在 div 元素中使用它們，但我似乎無法理解在哪里？ TIA！

// @flow

import React, { forwardRef } from "react"
import type { Node } from "react"

type Props = {
  direction: 'left' | 'right',
  animatingOut: boolean,
  children: Node,
}

const FadeContents = forwardRef<Props, HTMLDivElement>(
  ({ direction, animatingOut, children }, ref) => (       // <-- error here
    <div
      aria-hidden={animatingOut}
      animatingOut={animatingOut}
      direction={direction}
      ref={ref}
    >
      {children}
    </div>
  )
)

FadeContents.displayName = 'FadeContents'

export default FadeContents

Answer 1

我想這是來自 eslint 的錯誤？ 但這有幫助嗎？

({ direction, animatingOut, children }: Props, ref) => ( // <-- error here