Вызов функции из другого файла в ReactJS

Question

Я смотрю на другие вопросы, но не могу решить мою проблему.Я пытаюсь вызвать функцию, чтобы открыть модальное с реагировать на JJ, но кнопка вызова находится на одной странице, а модальные файлы находятся на другой, чтобы при необходимости их можно было использовать повторно, но когда я нажимаю на нее, она возвращает ошибку не;Вот мой код.

Это кнопка.OpenModal не работает

<TableCell>
   <DbButton
   onClick={(e) => openModal(event.id)}
   >{<FormattedMessage id='delete' />}</DbButton>
</TableCell>

Это модал в другом файле

const openModal = (eventId) => {
    setOpen(true)
    setEventId(eventId)
  }

  return (
    <Panel border={false}>
      <TableEventsComponent
        data={dataList}
        goTo={goTo}
        onChangePage={onChangePage}
        onChangeRowsPerPage={onChangeRowsPerPage}
        rowsPerPage={rowsPerPage}
        page={page}
        deleting={deleting}
      ></TableEventsComponent>
      <Dialog
        open={open}
        onClose={handleClose}
        aria-labelledby="alert-dialog-title"
        aria-describedby="alert-dialog-description"
      >
        <DialogTitle id="alert-dialog-title">{<FormattedMessage id='alert-title' />}</DialogTitle>
        <DialogContent>
          <DialogContentText id="alert-dialog-description">
            {<FormattedMessage id='alert-body' />}
          </DialogContentText>
        </DialogContent>
        <DialogActions>
          <Button 
            onClick={handleClose} 
            color="primary">
            {<FormattedMessage id='cancel' />}
          </Button>
          <Button  
            onClick={handleConfirm} 
            color="primary" 
            autoFocus>
            {<FormattedMessage id='confirm' />}
          </Button>
        </DialogActions>
      </Dialog>
    </Panel>
  )

Любой совет?

Answer 1

По сути, этот проект абстрагирует большинство компонентов, чтобы их можно было многократно использовать и было проще в обслуживании.Индекс отца, где модальная конструкция и логика обрабатывают вещи, содержал прослушиватель событий, чтобы получать пропущенные объекты, и индекс сына, где страница показывается пользователю, и кнопка удаления просто пропускала реквизиты, чтобы вызвать функцию для выполнения операции.работа.

Итак, в компоненте TableEvents, который я поставил на свой второй блок кода по этому вопросу, я поставил

openModal={openModal}

И на странице, где я получил кнопку, у меня было

const TableEventsComponent = ({
  openModal,
  ...
})

Вот так, я просто не общаюсь так, как должно быть.