Функция, переданная через реквизиты, показаны как неопределенные

У меня есть три компонента: Topicscreen, Listview, Listrow. Я передаю функцию renderrow и два других свойства, определенных в моем Topicscreen в Listview.

Теперь, когда я вызываю func в Listview, реквизиты передаются в Listrow, как определено в функции renderrow, но функция onRowclick, которая передается в Listrow, - это undefined, когда я проверял ее в Listrow.

Как решить эту ошибку и передать onRowclick как функцию в Listrow?

Topicscreen.js

class Topicscreen extends Component {
  constructor() {
    super();
    this.onRowClick = this.onRowClick.bind(this);
  }

  componentDidMount() {
    this.props.dispatch(topicaction.Fetchtopics());
  }

  renderLoading() {
    return <p>Loading...</p>;
  }

  renderrow(rowid, topic) {
    //const selected = this.props.checkselection[rowid]
    const selected = "";
    return (
      <Listrow selected = {selected} clicking = {this.onRowClick} rowid = {rowid}>
        <h3>{topic.title}</h3>
        <p>{topic.description}</p>
      </Listrow>
    );
  }

  onRowClick(rowid) {
    this.props.dispatch(topicaction.selectedchoice(rowid));
  }

  render() {
    if (!this.props.topicsByurl) return this.renderLoading();
    return (
      <div className = "TopicsScreen">
        Hi I am topic screen
        <h1>Choose any three of the below topics</h1>
        <Listview
          rowid = {this.props.topicsurlArray}
          row = {this.props.topicsByurl}
          func = {this.renderrow}
        />
      </div>
    );
  }
}

Listview.js

import React, { Component } from "react";
import _ from "lodash";

export default class Listview extends Component {
  constructor() {
    super();

    this.show = this.show.bind(this);
  }

  show(rowid) {
    return this.props.func(rowid, _.get(this.props.row, rowid));
  }

  render() {
    console.info("props in listview", this.props);
    return (
      <div>
        <ul>{_.map(this.props.rowid, this.show)}</ul>
      </div>
    );
  }
}

Listrow.js

import React, { Component } from "react";

export default class Listrow extends Component {
  clicking() {
    this.props.clicking(this.props.rowid);
  }

  render() {
    console.info("list row called");
    console.info("listrow props", this.props);
    const background = this.props.selected ? "#c0f0ff" : "#fff";
    return (
      <div style = {{ background }} onClick = {this.clicking.bind(this)}>
        {this.props.children}
      </div>
    );
  }
}