在渲染之前打印动态变量
我正在尝试编写一个 preact 脚本,该脚本将根据获取的 API 数据显示不同的图像。但是,即使我使用了 componentWillUpdate() 函数,在渲染输出之前似乎也没有调用 fetchWeatherData() 函数。 当我尝试在返回数据之前在 render() 函数中打印 this.state.locate 时,输出总是未定义的,但是我需要这个变量来操作我想要显示的图像。 感谢您的... »
我正在尝试编写一个 preact 脚本,该脚本将根据获取的 API 数据显示不同的图像。但是,即使我使用了 componentWillUpdate() 函数,在渲染输出之前似乎也没有调用 fetchWeatherData() 函数。 当我尝试在返回数据之前在 render() 函数中打印 this.state.locate 时,输出总是未定义的,但是我需要这个变量来操作我想要显示的图像。 感谢您的... »
我是 Preact 和 TypeScript 的新手,我使用 parcel-preact-typescript-boilerplate 引导了一个应用程序。 到目前为止一切正常,但我意识到,在重新加载时,我有时会得到一个空白页面。打开页面时也会不时发生这种情况。空白页是指我的Hello 组件不会在document.body 中呈现。但是,当我在 Google Chrome 中禁用缓存时不会出现这... »
我正在使用 preact+redux 构建一个网络应用程序。一些繁重的工作是在服务人员中完成的。作为这个逻辑的一部分,我想从 service worker 生成 redux 操作。如何在应用程序和服务人员之间共享通用操作创建者代码?... »
我将 Preact 与 HTM 一起使用(不需要编译器),但在遍历对象并为每个项目创建 DOM 元素时遇到问题。 使用 Preact + HTM 程序生成 DOM 元素的正确方法是什么? import { h, Component, render } from 'https://unpkg.com/preact?module'; import htm from 'https://unpkg.com... »
默认情况下,标准 preact 设置中的开发服务器在 http://0.0.0.0:8080 或您当前的 IPv4 地址上运行: You can view the application in browser. Local: http://0.0.0.0:8080 On Your Network: http://192.168.2.105:8080 两者都不是很有用。 ... »
在 React 应用程序上,您可以创建 .env.production 和 .env.development 并像这样输入不同的键和值。 REACT_APP_API_URL= "xyz" 根据使用的命令自动选择环境变量 --> npm start 或 npm run build。 preact 中的等效过程是什么? ... »
我正在尝试添加backgroundImage: { 'split-white-black': "linear-gradient(to bottom, #111827 60% , white 40%);" }到 tailwind 配置文件,但看不到找到文件或将代码放在 Fresh 框架目录中的位置。 谢谢 :) ... »
我最近在玩新的 deno 框架,一切都很棒,但在某个时候,我意识到不可能将任何额外的元数据添加到页面标题标签。基本上我想做两件事: 添加标题标签从我的静态目录链接一些 css 文件 您知道如何实现这一目标吗? 在理想的世界中,我希望能够提供我自己的 html 模板,或者至少有一些灵活的方式来操作提供的固定模板。 我确实在 Fresh 源文件中找到了一些代码 sn-p,它基本上是前面提到的固定 h... »
我在 preact 应用程序中使用react-otp-input。我写了以下代码, const [otp, setOtp] = useState(\'\'); <OtpInput value={otp} onChange={(value) => { console.log(value); setOtp(value); }} placeholder... »
错误:意外的 \'!\'。用 \\ 转义特殊字符可能会有所帮助。 - Preact 构建失败,没有位置 Preact 生产构建失败,在additional chunk assets processing 之后没有给出任何错误位置 毕竟手动\'!\'似乎是我现在能想到的唯一方法! 非虚拟机 12.18.3Ubuntu 20.04 npm run build > cdms-app@... »
我有一个非常特殊的问题,我有一个使用 Preact 构建的 Neutralino 应用程序,在使用 neu run 运行时运行良好,但是,一旦我构建项目(打开或关闭 enableServer),构建的应用程序将不加载任何东西。 打开enableServer,它会抱怨无法连接到本地主机: "This localhost page cannot be found" 关闭它会给我一个全白的屏幕/DOM。... »
我正在尝试更新此 Next JS Starter https://github.com/timlrx/tailwind-nextjs-starter-blog 中的依赖项 将 react 和 react-dom 升级到 18.0.0 后,开发中一切正常 但在生产中尝试导航到其他页面时。新页面未呈现,此错误正在控制台中记录 TypeError: (0 , h.default.startTransit... »
我已将 styled-jsx 添加到我的 Preact(使用此 TS template 设置)项目中,并且可以通过 <style> 标记内联样式,没有任何问题,例如: <div> <h1>Hello{name && `, ${name}`}!</h1> <form onSubmit={handle... »
我从默认的 preact-cli 模板创建了 preact 模板 添加: "sass": "^1.45.1", "sass-loader": "^10.2.0", 将全局 scss 文件导入 index.js 并且全局样式可以正常工作 import "./style/global.scss"; import App from "./components/app"; export default ... »
我正在使用 Preact 开发一个网站,我正在尝试将浏览器中发出的请求代理到我用作后端的开发服务器。 当我尝试使用 yarn client 运行前端应用程序时,它会出错并通知我尽管安装了 http2-Proxy 模块,但它找不到它。 我的目录结构如下: Website_Root: | package.json | +---dummy-api... »
在 VSCode 中使用带有 Preact 10.x(几乎与 React 相同)和 TypeScript 的 webpack。 在将 Node 从 12 版更新到 14 版后(这可能(?)是问题的原因),*.scss 文件不再自动生成它们各自的类型定义文件。 p> 以前,当我运行webpack --mode development -w 时,任何新的/更改的style.scss 文件都会自动生成/... »
如何在 preact 中隐藏 api 密钥,在 react 中我使用了 .env 文件,但不知道如何在 preact 中执行? index.js?2e9b:8 Uncaught (in promise) ReferenceError: process is not defined at eval (index.js?2e9b:8) at Generator.next (<an... »
Test.jsx function Parent({ children }) { return <div>{children("Test")}</div> } function Test() { return ( <Parent> { test => <div>{test}></div&... »
尝试将使用原型编写的 js“类”转换为 ES6 类,新版本可以正常运行,但不会在 DOM 中显示任何内容,而旧版本可以。 类如何工作的细节应该不重要,但是,我正在尝试在 preact 中实现一个自定义 Web 组件。 // common imports for completeness import { h, render, FunctionComponent, VNode } from "pre... »
我正在尝试使用 Preact + Vite + Typescript + Redux 构建一个简单的 Todo 应用程序。但我面临一些与 redux 和 typescript 的兼容性问题。 这是我遇到的错误。 Uncaught TypeError: Cannot read properties of undefined (reading '__H') at m (react-redux.... »