如何从Reactjs中的另一个文件触发函数

Question

我使用react引导-表-旁边创建一个表。columns支持在BootstrapTable中，它接受数组。我希望将列数组保存在一个单独的文件中，因为将来这个数组太大了。

当用户单击text-3字段时，onClick函数可以工作。但是我也想在home.tsx中看到这一点，因为我将使用这些数据。当home.tsx在columns.tsx中被触发时，我需要的是触发它。当触发时，我将在home.tsx中使用这些数据。我怎么能这么做？

home.tsx

import React from 'react'
import BootstrapTable from 'react-bootstrap-table-next'
import { dataColumns } from '../../columns/columns'
import { homeData} from '../../data/data'

const Home: React.FC = () => {

const triggeredFunction = () => {
 //I want this function triggered
}
return (
         <BootstrapTable
              bordered
              striped
              hover
              columns={dataColumns}
              data={homeData}
         />
)
}

export default Home

columns.tsx

import React from 'react'

export const dataColumns = [
      {
         text: 'text-1',
         dataField: 'text1'
      },
      {
         text: 'text-2',
         dataField: 'text2'
      },
      {
         text: 'text-3'
         dataField: 'text3',
         events: {
              onClick: (e:any, row:any) => {
                 //This is the first triggered function
                 return {
                        e:e,
                        row: row
                 }
              }
         }
      }
]

Answer 1

你可以在道具里传递这个功能。并可以调用该函数为onClick = {props.myFunction()}。希望这能帮到你