首先，确保你已经正确地创建了新的组件，并将其添加到父组件中。然后，在按钮的onClick事件处理程序中，使用React Router来导航到新组件。

例如，假设你有以下两个组件：MainComponent和NewComponent。要从MainComponent导航到NewComponent，你可以在MainComponent中创建以下按钮：

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

class MainComponent extends Component { render() { return (

然后，在App组件中使用React Router来配置路由：

import React, {Component} from 'react'; import {BrowserRouter, Route} from 'react-router-dom'; import MainComponent from './MainComponent'; import NewComponent from './NewComponent';

class App extends Component { render() { return (

现在，当你点击"Open New Component"按钮时，React Router将会导航到NewComponent组件。