使用反应路由器在sharepoint框架webpart中路由？我陷入了一种情况，我必须在单击按钮时重定向到另一个页面。

Posted 2023-02-21

【中文标题】使用反应路由器在sharepoint框架webpart中路由？我陷入了一种情况，我必须在单击按钮时重定向到另一个页面。

【英文标题】：routing in sharepoint framework webpart using react route? i am stuck in a sitution where i have to redirect to another page on button click.

【发布时间】：2018-10-29 16:47:33

【问题描述】：

import * as React from 'react'; 进口 浏览器历史 来自“react-router-dom” 从'./app'导入标题

**export default class TestRoute extends React.Component<ITestRouteProps, > 
 handleClick = () => 
 browserHistory.push('/Title')

;
public render(): React.ReactElement<ITestRouteProps> 

    return (

        <div>
          <h1>Simple SPA</h1>
          <button onClick=this.handleClick type="button">/*this shoult take me to another page
                 click me   </button>
            </div>
        );
  
  

【参考方案1】：

你可以这样使用

    import PropTypes from 'prop-types';

     static contextTypes = 
      router: PropTypes.object,
    

    export default class TestRoute extends React.Component<ITestRouteProps, > 
     handleClick = () => 
     this.context.router.history.push('/Title')

    ;
    public render(): React.ReactElement<ITestRouteProps> 

        return (

            <div>
              <h1>Simple SPA</h1>
              <button onClick=this.handleClick type="button">/*this shoult take me to another page
                     click me   </button>
                </div>
            );
      
      

【讨论】：

嗨 deva 快速回复不幸的是它不起作用，您能否提供一些有关在 spfx 中使用反应路由器进行编程重定向的工作示例？非常感谢'