在React中，如何正确地以编程方式导航到新路由/页面？

在React中，可以使用react-router-dom库来实现以编程方式导航到新路由/页面。

首先，确保已经安装了react-router-dom库。可以使用以下命令进行安装：

npm install react-router-dom

接下来，在需要导航的组件中，引入react-router-dom库的相关组件和方法：

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

然后，在组件中使用useHistory钩子函数获取history对象：

const history = useHistory();

现在，可以使用history对象的push方法来导航到新的路由/页面。例如，当点击一个按钮时，可以调用push方法来导航到新的路由/页面：

const handleClick = () => {
  history.push('/new-route');
}

return (
  <button onClick={handleClick}>导航到新路由</button>
);

在上面的例子中，当按钮被点击时，会导航到路径为'/new-route'的新路由/页面。

需要注意的是，导航功能只能在包裹在Router组件中的组件中使用。因此，在应用的根组件中，需要使用Router组件将整个应用包裹起来：

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

function App() {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/new-route" component={NewRoute} />
      </Switch>
    </Router>
  );
}

在上面的例子中，使用了BrowserRouter作为Router组件，并定义了两个路由：'/'和'/new-route'，分别对应Home组件和NewRoute组件。

这样，在React中就可以通过编程方式导航到新的路由/页面了。

关于React和React Router的更多信息，可以参考腾讯云的相关文档和产品：

• React官方文档：https://reactjs.org/
• React Router官方文档：https://reactrouter.com/
• 腾讯云Serverless Cloud Function（SCF）：https://cloud.tencent.com/product/scf
• 腾讯云云函数（Serverless Cloud Function，SCF）产品介绍：https://cloud.tencent.com/product/scf