无法将道具从功能组件传递到功能组件

Question

我正在将 props 传递给功能组件，但我一直收到错误消息：

const renderItem = ({ item }) => (

    <CommentCellClass
      key={item.key}
      commentLikes={item.commentLikes}
      .... more props

我尝试在 CommentCellClass 组件中访问它们：

const CommentCellClass = ({ props, navigation }) => {
  const { key, commentLikes } = props;

但我收到以下错误：

   TypeError: undefined is not an object (evaluating 'props.key')]

我做错了什么？道具不为空（我在将它们传递给 commentCellClass 之前检查过）

抱歉，名称混乱（CommentCellClass 是一个功能组件）。我们正在将类组件转换为应用中的功能组件。

Answer 1

导航从何而来？我希望您的代码如下所示：

const CommentCellClass = (props) => {
  const { key, commentLikes } = props;
  ...
}

或

const CommentCellClass = ({ key, commentLikes }) => { ... }