Как onRowClick перенаправить на другую страницу с пакетом mui-datatables npm? - PullRequest
Новая
       44

Как onRowClick перенаправить на другую страницу с пакетом mui-datatables npm?

0 голосов
/ 01 марта 2019

У меня есть приложение реагирования, в котором используются пакеты mui-datatables.Я хочу, чтобы меня перенаправили в "/ edit-form" onRowClick, но это не сработало (ничего не происходит, ошибок тоже нет).

import React, { Component } from "react";
import { Link as RouterLink } from "react-router-dom";
import Link from "@material-ui/core/Link";
import MUIDataTable from "mui-datatables";

class DataTable extends Component {
  state={...}
  redirectToForm = props => <RouterLink to="/edit-form" {...props}/>

  render() {
  const options = {
    onRowClick: rowData => this.redirectToForm(rowData)
  };
  
  return (
    <Link
      color="secondary"
      className={classes.button}
      component={this.goToDetailedTable}
    >
      Detail 
    </Link>
    <MUIDataTable
      title={title}
      columns={value.state.columnName}
      data={value.state.rowData}
      options={options}
    />
    )
  }

Когда я console.log (rowData), он распечатал данные строки: 

const options = {
    onRowClick: rowData => console.log(rowData)
  };

1 Ответ

0 голосов
/ 15 марта 2019

Вместо использования <Link/> попробуйте вызвать history из пакета истории , а затем просто history.push('edit/form').

...