Javascript TypeError:props.logic不是函数

正在尝试从我的某个react组件调用我的App.js中的类中的方法

我调用该方法的代码如下所示：

     5 | const Card = props  => (
   6 |   <div className="card"> 
   7 |         <img alt={props.name} src={props.image} id={props.id} className='logic'
>  8 |         onClick= { () => props.logic(props.id) } />
   9 |   </div>
  10 | );

render() {
  return(
  <Wrapper>
    <Header score={this.state.score} highscore={this.state.highscore}>Clicky Game</Header>
      <div className="grid">
      {this.state.cards.map(card => (
        <Card
          // clickCount={this.clickCount}
          id={card.id}
          key={card.id}
          image={card.image}
        />
      ))}
    </div>
    <br></br>
  </Wrapper>
  )
}

我不会得到任何错误，直到我尝试点击一个图像调用函数

渲染功能如下所示：

     5 | const Card = props  => (
   6 |   <div className="card"> 
   7 |         <img alt={props.name} src={props.image} id={props.id} className='logic'
>  8 |         onClick= { () => props.logic(props.id) } />
   9 |   </div>
  10 | );

render() {
  return(
  <Wrapper>
    <Header score={this.state.score} highscore={this.state.highscore}>Clicky Game</Header>
      <div className="grid">
      {this.state.cards.map(card => (
        <Card
          // clickCount={this.clickCount}
          id={card.id}
          key={card.id}
          image={card.image}
        />
      ))}
    </div>
    <br></br>
  </Wrapper>
  )
}

render（）{
返回(
点击游戏
{this.state.cards.map（card=>(
))}



)
}

您没有将

逻辑

功能传递到

卡

演示如何将

逻辑

传递到

卡

您可以发布如何将

卡

添加到

渲染

功能中吗？我在想可能是

道具

被错误地传递到了那里。谢谢@norbitrial我添加了渲染函数，我认为您正在使用状态中的某个ThingCards属性也应该是未定义的。您需要在初始化状态时给它一个值。@hotpink您能提供一个快速的示例，说明我可能如何做到这一点吗？对不起，我是新手是的，就是这样。没有这些，它只是一个未定义的函数，这就是为什么它不是一个函数。太棒了，就是这样。非常感谢！！