在material-ui表中单击一行，然后重定向到另一页

Question

我有一个名为route-names.js的文件，其下面是条目

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

我有一个Material-ui表，其中有几行，当我单击其中的一行时，  该行的id可以视为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 />}

由于使用了tester.js呈现方法，因此在代码中的某个地方<ComponentTester />呈现了所需的内容。

您可以共享更多代码吗？