es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tag: PREACT

Uso de folletos en Preact JS

¿Cómo podemos incrustar Mapa de leaflet en un componente de Preact? Estoy creando un widget de mapa usando webpack. A continuación, te muestro el código que implementé. import registerCustomElement from ‘preact-custom-element’; import { h, Component } from ‘preact’; import { map as createMap, tileLayer } from ‘../../node_modules/leaflet/dist/leaflet-src.esm.js’; class mapView extends . . . Read more

styled-jsx funciona en línea pero no como módulo.

He agregado styled-jsx a mi proyecto de Preact (configurado con esta plantilla de TS) y puedo estilizar cosas en línea a través de la etiqueta sin problemas, por ejemplo: <div> <h1>Hola{name && <code>, ${name}</code>}!</h1> <form onSubmit={handleNameSubmit}> <input type=”text” value={input} onInput={handleInput} /> <button type=”submit” className=”test”> Actualizar {input && <code>como ${input}</code>} </button> . . . Read more

Cómo añadir estilos globales en formato SCSS a una aplicación de Preact

Creé una plantilla preact a partir de la plantilla preact-cli predeterminada. Añadí: “sass”: “^1.45.1”, “sass-loader”: “^10.2.0”, Importé el archivo global scss en index.js y los estilos globales funcionan correctamente. import “./style/global.scss”; import App from “./components/app”; export default App; Añadí un mixin y variables scss al archivo global.scss: @mixin br { . . . Read more

Componentes con estilo usando contexto en React

Quiero usar el contexto normal de React con styled-components. Soy consciente de los proveedores de temas genéricos en styled-components, sin embargo, sería mucho mejor si pudiera hacer esto usando React.useContext(). ¿Sabes si es posible? Intenté algo como esto. useConfig export function useConfig() { const configCtx = useContext(ConfigContext) return configCtx } . . . Read more