Как реализовать события, которые показывают следующую страницу после нажатия на нее?

Question

Я сделал компонент с именем NewName, в котором есть кнопка с текстом «New».Я хочу, чтобы страница перешла ко второму созданному мною компоненту с именем "ProfileInformation".

Это компонент "NewName.js", в котором есть новая кнопка

import React, { Component } from "react";

class NewName extends Component {


render() {
    return ( 
        <div>
            <button>New</button>
        </div>
    )
}
}


export default NewName

Этоэто компонент, к которому я хочу перейти при нажатии новой кнопки.У него есть другие компоненты.Это компонент "ProfileInformation.js".

import React from 'react'
import UserDetail from "./UserDetail"
import ProfilePicture from "./ProfilePicture"
import UserName from "./UserName"

class ProfileInformation extends React.Component{
    render(){
        return(
            <div>
                <ProfilePicture />
                <UserName />
                <UserDetail />
            </div>
        )
    }
}

export default ProfileInformation

Я хочу, чтобы компонент ProfileInformation отображался на экране после нажатия новой кнопки пользователем.

Answer 1

Вам нужно использовать реагирующий маршрутизатор для навигации между страницами.вот официальная страница: https://reacttraining.com/react-router/core/guides/quick-start