Quería alternar un div en el componente cargado que div en el mismo componente pero el botón para llamar a la función en mi componente de diseño principal para arreglar esto. Por favor ayuda
botón requerido en In Main Component Landing.js import React, { useState } from "react";
//Get Code Toggle const [isActive, setActive] = useState("false"); const handleToggle = () => { setActive(!isActive) };{está activo ? "Obtener código": "Ocultar código"}
Div de alternancia requerido en el subcomponente cargado LandingSub1.js
<div className={`codeview my-4 ${isActive ? "hide" : "show"}`}> <pre>Code</pre> </div>https://codesandbox.io/s/call-function-from-main-component-to-inner-component-mp9mgp
pase el 'isActive' a su componente:
<LandingSub1 isActive={isActive} />
deconstruirlo en su componente hijo:
const { isActive } = props;