问题标签 [preact]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
8976 浏览

javascript - 如何将 React 路由器与 Preact 一起使用

我使用 Preact 作为我的视图框架(由于 Facebook IP 问题,不能使用 React) 。我需要使用 React Router 进行位置路由,因为它比同一个团队构建的 Preact Router 具有更大的灵活性。

我设法让 React Router 接受 Preact 代替 React,但是,我无法让它匹配位置。我不确定这是兼容性问题还是配置问题。我试过只使用一对路由( App 和 Account ),但它仍然不适用于简化的设置。

问:有没有人看到我在这里做错了什么?

我得到的错误是:Location "/account/12345/" did not match any routes

main.js

createRoutes.js

createStore.js

0 投票
0 回答
115 浏览

redux - 什么是复杂异步项目的最佳堆栈

我有一个需要调用 REST API(身份验证和其他 CRUD 端点)的项目。我想知道基于 preact 和 redux 的最合适的堆栈是什么。

你会使用 thunk、sagas 还是其他替代方法?以及如何调整 preact redux 示例:https ://github.com/developit/preact-redux-example

0 投票
0 回答
429 浏览

javascript - Reactjs 转换为 Preactjs 输入 onChange 处理程序未触发

由于 ReactJS 的许可问题,我们被迫寻找开源替代方案。所以我们决定使用 PreactJS,它是 React 的替代品。移植到 Preact 后,我​​们发现 onChange 处理程序无法处理输入元素。以下是我的渲染函数中的部分代码:

任何帮助,将不胜感激。

0 投票
1 回答
114 浏览

javascript - JS ES6 类定义:Preact 主页上的示例:我从未见过这个

以下示例位于Preact 主页上。我想知道类花括号中如何/为什么有等号=分配和分号。我用谷歌搜索了几分钟,似乎无法弄清楚。;{}

这是 TypeScript 还是其他一些花哨的 JS 表亲?花括号看起来像常规分配,而不是类定义。

0 投票
1 回答
1085 浏览

reactjs - 用于生产的 Preact 和 Webpack

只是想确保我为生产设置了正确的 preact js。

在我使用 preact 的 webpack 设置中,并运行 npm run build 我注意到使用 Bundle Analyzer Plugin 的 preact js 文件的路径是

/node_modules/preact/dist/preact.js并不是

我也设置了 uglify 和 minify js,但只是觉得奇怪的是 minified 包没有被拾取?

webpack中的入口脚本

Npm 运行构建脚本

在此处输入图像描述

0 投票
1 回答
1156 浏览

reactjs - 如何将 React 用于单个站点组件

鉴于以下场景,我如何在我的项目中使用 React/Preact 组件:

  • 主要/标题内容是使用 Django(或静态 html)模板生成的
  • 我想使用 React 生成侧边栏和页脚组件,具体取决于它所在的页面。

我认为以下方法可行,但我不知道如何根据以下几行拆分或加载捆绑包:

  • 在每个页面上加载 React/React-dom 包
  • 在需要的地方按需加载特定于页面的捆绑包

如何使用 webpack 捆绑单个组件以在静态 html 页面中使用并在需要的地方显示它们?如何为此配置 webpack?

0 投票
1 回答
526 浏览

reactjs - React (Preact) 两次渲染内容

在可编辑的前置元素上,我仅在按下回车键时运行 onKeyDown 脚本以避免文本中出现不需要的 HTML 元素。

handleKeyDown函数中,段落内容被更改setState(content: newText)并被调用,以便再次呈现内容。这导致新文本被写入两次。

当我输入“hello world”并在“hello”之后中断时,它将导致“hello
worldhello
world”

即使 handleKeyDown 和 render 函数记录了正确的字符串:
“hello
world”

我在这里做错了什么?

0 投票
1 回答
881 浏览

javascript - preact:OnChange 不适用于输入文件

我遇到了一个问题,即onChange事件preact不起作用。不过,react一切都很好。onInput也不行。

必须工作的愚蠢代码示例 ( preact+ typescript)

0 投票
1 回答
469 浏览

reactjs - 将博客内容/静态文件添加到现有 Preact.js 网站

我目前有一个现有的 Preact JS 站点设置,但想添加博客部分。

所以基本上是添加新页面和路由的简单方法。

我知道我可以轻松地手动创建这些页面和路线,但是有没有更好的东西适合现有的网站?

即我在那里看到的很多静态站点生成器,基本上你需要从头开始运行,它们会生成一个新站点。

但就我而言,我只想在我的网站上添加一个额外的部分,这将是静态博客条目,不确定最好的工具是什么?

如果有任何想法或建议会很棒。

0 投票
1 回答
810 浏览

reactjs - Preact App 上的 Webpack 2 HMR

我正在尝试使用 Webpack 2和 Preact 设置热模块重新加载。它是“工作的”,因为它每次重新加载都会重新加载应用程序的全部内容,但我在热重新加载之间遇到错误(我认为这就是为什么单个组件不是唯一重新加载的原因)。

这是我的 webpack 设置的相关部分:

我的 index.jsx 文件如下所示:

当我对任何项目文件进行更改时,应用程序内容会重新加载,并且出现以下错误: 在此处输入图像描述

你们有谁以前得到过这个吗?我在谷歌上搜索了一整天,没有找到任何东西......