问题标签 [preact]

我正在使用 preactjs 创建我的应用程序。最重要的是，我正在使用剑道网格。在网格内部，我想显示一个超链接。如果用户点击链接，它应该改变路线。为了呈现链接，我使用的是 preact-router。

这是工作小提琴。

（注意：我问的是Preact，而不是React，它有使用 ReactsDomElement包装器组件的解决方案）。

我有一个HTMLImageElement，它是使用var img = document.createElement('img'). 如何使用 Preact 渲染这个手动创建的 DOM 元素？

以下 JSX 片段可以工作，但对于移动设备上的较大图像非常慢：

我认为它很慢，因为图像实例是在内存中复制的，而不是使用现有的 DOM 节点和图像缓冲区。

有更好（更快）的解决方案吗？

我对 preact 很陌生，我正在尝试在 preact 中实现 PWA。特别是，此示例应显示人员 ID 列表。

这是 index.html 页面：

进入 src/ 文件夹有 index.js：

我可以忽略 Navigation 元素（这是导航菜单，当我单击 People 元素时，onRouteChange 事件应该调用 api 并在显示该页面后。

这是 PeopleList 元素（文件 PeopleList.js）：

在这种情况下，people 是一个结构化的对象：

最后，这是 PeopleItem 元素：

当我转到人员页面时，PWA 能够读取来自服务器 api 的人员对象，但不是 PeopleItem 元素，而是未定义的标签，如下所示：

为什么我在页面上查看未定义的标签？我应该查看：

代替：

我目前正在为我的小项目开发 Preact。我的页面之一是主详细信息页面。左侧为详情页，右侧为列表页。问题是每当我单击右侧列表页面上的链接时，详细页面不会呈现为卡住，但在重新加载页面时会正确呈现。请帮助我如何解决它。

左边

正确的列表

我目前是一个基于 preactJS 和 algolia 的小项目？我发现 reactjs 有 algolia 组件，但不幸的是，preactjs 没有 algolia 组件。这就是为什么我的问题是如何将 algolia javascript 文件包含到 preactjs 中？

使用 Preact CLI 是否可以设置应用程序将在根目录之外托管的路径？

例如在http://mywebsite.com/relativepath/index.html托管应用程序

Preact CLI 有一个称为预渲染的功能。它使特定路由的内容可以直接在 HTML 中提供，而无需加载 JavaScript。

内容直接使用 HTML 加载（静态服务器端呈现）。因此，由于此时 JavaScript 包尚未加载，因此显示的内容没有样式，导致样式在几分之一秒后闪烁。

您可以禁用预渲染，这可以正常工作，但这意味着放弃一个有用的功能。是否有预渲染并包含样式的解决方案？或者我还能做些什么呢？

我想创建高阶组件，在“componentDidMount”中添加一些逻辑，然后通过“this.setState({});”强制它更新。但是在 setState({}) 触发之后，next props（在 render 方法中）变成了一个 emty object {}，并且this.props.children也变成了 undefined。

这是为什么 ？

在控制台中，我看到这样的输出：

只是需要一些帮助，请我在这场斗争中失去理智。我已经搜索了很多此类相同问题的帖子，但没有成功，这就是我在这里寻求帮助的原因。

我目前在 webpack-dev-server 上运行简单的 React，当我想建立 preact compat 时，我得到了这个错误：

您可能需要适当的加载器来处理 Client.jsx 上的这种文件类型

这是文件：

客户端.jsx

webpack.config.js

.babelrc

React 有refs. Preact 中是否有类似的概念可以在没有 的情况下使用preact-compat？

我希望能够在Component没有 DOM 查找的情况下引用方法中的元素。

谢谢！