可以尝试以下解决方法：

1. 确保你已经正确地配置了React路由器，并且在根组件中使用了Router和Route组件。例如：

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

function App() {
  return (
    
      
      
      
    
  );
}

2. 确保在按钮的点击事件处理程序中使用了正确的路由导航方法。例如，如果你使用的是Link组件，可以在点击事件处理程序中使用history.push方法。例如：

import { Link, useHistory } from 'react-router-dom';

function MyButton() {
  const history = useHistory();

  const handleClick = () => {
    history.push('/about');
  };

  return (
    Go to About
  );
}

function App() {
  return (
    

      About
      
    
  );
}

3. 如果你在使用React路由器的HashRouter而不是BrowserRouter，请确保在按钮的点击事件处理程序中使用正确的哈希导航方法。例如，可以使用history.push方法来导航到新的哈希路径。例如：

import { useHistory } from 'react-router-dom';

function MyButton() {
  const history = useHistory();

  const handleClick = () => {
    history.push('/about');
  };

  return (
    Go to About
  );
}

function App() {
  return (
    
      

        About
        
      
    
  );
}

通过以上方法，你可以解决按钮点击时React路由器不起作用的问题。