Нажатие на строку в таблице Material-UI и перенаправление на другую страницу

Question

У меня есть файл с именем route-names.js с записью ниже

    export const REVIEW_FORM_URL = '/custom-forms/:customFormId';

У меня есть таблица material-ui с несколькими строками, и когда я нажимаю на одну для строк, идентификаторы строкиможет рассматриваться как часть URL, и это выводит меня на пустой экран.

     onClick(form) {
        this.props.history.push(REVIEW_FORM_URL.replace(':customFormId', form.customFormId));

      }

Мне нужно создать новую страницу, которая будет использовать значение в этом URL.

где в приведенном выше коде onClick можно разместить перенаправление на новую страницу и как?

Имя моей новой страницы - tester.js.

Answer 1

Поскольку вы используете this.props.history, я предполагаю, что вы используете какую-то версию React Router.

Если вы хотите перейти к другому маршруту в вашем приложении, использование history.push является одним изВозможности.

Если вы добавляете что-то в свою историю, у вас должен быть такой элемент:

<Route path="/theRouteIWantToGoTo/:customFormId" render={<ComponentTester />}

Где-то в вашем коде, где <ComponentTester /> отображает то, что вам нужно, благодаря вашему тестеру.Метод рендеринга в js.

Можете ли вы поделиться большим количеством кода?