Сделать переадресацию строки таблицы на ссылку при нажатии

Question

Имея вкладку с несколькими строками, я хочу перенаправить на другую страницу при нажатии.

import React from 'react';
import { Table, Image } from 'semantic-ui-react';
import { Redirect } from 'react-router-dom';

  <Table.Row
      key={myKey}
      onClick={() => <Redirect to={`/another_page/${myKey}}` />}>
      {emptyFirstHeader && (
        <Table.Cell>
          <Image
           stc={blabla}
          />
        </Table.Cell>
      ...
   <Table.Row>

Я сделал это так, но ничего не делает.

Answer 1

Редирект работает с коммутатором и маршрутом. Вы можете попробовать это:

import React from 'react';
import { Table, Image } from 'semantic-ui-react';
import { useHistory } from 'react-router-dom';
const YourFunctionName = () =>{
    const history = useHistory();
    const redirect = (myKey) =>{
        history.push('/another_page/${myKey}`);
     }
     return(
         <Table.Row
      key={myKey}
      onClick={() => redirect(myKey)}>
      {emptyFirstHeader && (
        <Table.Cell>
          <Image
           stc={blabla}
          />
        </Table.Cell>
      ...
     <Table.Row>
   )
}