时间戳

首页 > 解决方案 > react-bootstrap-table：将父函数移交给 rowEvent

reactjs - react-bootstrap-table：将父函数移交给 rowEvent

问题描述

我有一个引导表，并且希望在单击一行后打开一个模式。行事件被触发，但是我用来打开模式的行事件中的父函数没有被触发。似乎我可以访问这个对象中的道具，因为我得到了下面的控制台输出。为什么函数没有触发？

const rowEvents = {
onClick: (e, row, rowIndex) => {
  console.log("row event triggered, here is my function:", this.props)
  this.props.onClickShowModal
}}

<BootstrapTable { ...props.baseProps } hover={true} striped={true} { ...paginationTableProps } rowEvents={rowEvents}/>

控制台输出：

row event triggered, here is my function: {onClickShowModal: ƒ}

标签： reactjsreact-bootstrap-table

解决方案

它现在有效，当我在末尾添加括号时。我认为这是需要的，以便函数被移交，而不是对象，但我还不明白其中的区别。

 const rowEvents = {
    onClick: (e, row, rowIndex) => {
      this.props.onClickShowModal()
      }   
    }

推荐阅读