https://codesandbox.io/s/simple-line-chart-forked-h39zlx?file=/src/App.tsx
¿Cómo usar el mapa de reacción para el siguiente enlace, línea número 31 en App.tsx?
const Tabs = [ { tabname: "tab2" }, { tabname: "tab3" }, { tabname: "tab4" } ]; <a to="" className={`tab ${active === "tab2" ? "active" : ""}`} onClick={() => setActive("tab2")}> Align & Ratio </a>Si se vincula a una página externa que no es parte de su aplicación React, use <a> , de lo contrario use <Link> . y use "href=" con <a> y "to=" con <Link> .
{Tabs.map((obj, i) => ( <p key={i} onClick={() => setActive(obj.tabname)} className="tab"> {/* Align & Ratio */} {obj.tabname} </p> ))}https://codesandbox.io/s/simple-line-chart-forked-v25zdp?file=/src/App.tsx