使用已有另一个onClick的表行的onClick重定向React组件

npm install react-router-dom

yarn add react-router-dom

import React from 'react';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';

const App = () => (
  <Router>
    {/* 其他组件内容 */}
  </Router>
);

const TableRow = ({ id, name }) => (
  <tr>
    <td>{id}</td>
    <td>{name}</td>
    <td>
      <Link to={`/details/${id}`} onClick={handleTableRowClick}>
        查看详情
      </Link>
    </td>
  </tr>
);

const App = () => (
  <Router>
    <Route exact path="/" component={Home} />
    <Route path="/details/:id" component={Details} />
  </Router>
);

const Details = ({ match }) => {
  const { id } = match.params;

  // 根据id获取相应的数据

  return (
    <div>
      {/* 显示详情内容 */}
    </div>
  );
};