Instalé react-mailchimp-subscribe
y quiero cambiar el botón de texto porque mi sitio web no está escrito en inglés. Puse este componente en div className="pokemon"
para tener acceso a él como .pokemon > div > button
y podría tener estilos de cambio. Ahora quiero cambiar el texto. Intento acceder a él usando
useEffect(() = > { document.addEventListener("load", function(){ (".pokemon>div>button").innerHtml("Wyślij") }); }, [])
pero supongo que en mi función hay demasiados errores que realmente funcionan.
Puede actualizar la etiqueta del botón usando el estado. Por favor, consulte el siguiente código
import React, { useEffect, useState } from 'react' export default function App() { const [buttonLabel, setButtonLabel ] = useState("I'm Button"); useEffect(() => { setButtonLabel("Wyślij") }, []) return ( <div className="pokemon"> <div> <button> {buttonLabel}</button> </div> </div> ) }
Aquí está el enlace al entorno de codesandbox
Si quieres hacerlo usando dom, puedes usar el siguiente código.
Tienes un pequeño error de sintaxis.
useEffect(() = > { document.addEventListener("load", function(){ document.querySelector(".pokemon").querySelector("div").querySelector("button").innerHTML = "Wyślij"; }); }, [])