Переключение между двумя разными элементами div на основе двух нажатий кнопок. ⇐ CSS

[Anonymous]

Я новичок в React.JS и пытаюсь разобраться в нем. Итак, мое намерение таково.
Переключаться между двумя разными приложениями (счетчиком и случайным) в зависимости от нажатия кнопки.
Я просто хочу переключаться между двумя разными DIV в зависимости от нажатия кнопки< /p>
Counter.JS

Код: Выделить всё

import { useState } from "react"
import './index.css';

function Counter(){

var [count,setmyname] = useState(0);

function Increment(){
setmyname(count = count+1);
console.log(count)
}

function Decrement(){
setmyname(count = count-1);
console.log(count)
}
function Reset(){
setmyname(count = 0);
console.log(count)
}

return(


Counter App
{count}

Increment
Decrement
Reset




)
}

export default Counter`

Random.JS

Код: Выделить всё

function Random(){

var [number,SetRandom] = useState(0);

function GetRandom(){
SetRandom(Math.floor(Math.random() *10));
console.log(number);
}
return(


Random App
Random
{number}


)
}

export default Random

App.JS

Код: Выделить всё

import Counter from "./counter"
import { useState } from "react"
import Random from "./random"
import ReactDOM from "react-dom/client"

function App(){

var [button,SetButton] = useState(1);

function GetDiv(){

}

return(

Counter App
Random App

)
}

export default App

Index.JS

Код: Выделить всё

const root=ReactDOM.createRoot(document.getElementById("root"));

root.render(
);

Я добавил четыре JS-файла для переключения между кнопками. Я уверен, что может быть лучший способ сделать это. Я не уверен, как выполнять манипуляции с DOM в React.JS. Дайте мне знать, как это сделать. Спасибо большое.

Подробнее здесь: https://stackoverflow.com/questions/791 ... ton-clicks