问题标签 [preact]

我有一个通用的反应应用程序，其中服务器端内置在 babel 中，客户端包内置在webpack. 我已阅读preact-compact文档，它建议将其添加到.babelrc使用中进行构建babel：

对于webpack：

但是在构建之后我得到一个错误h is not defined

如何迁移到preact通用 React 应用程序

我正在尝试react-swipeable-views在 preactjs 应用程序中使用库。它抛出一个react/lib/shallowCompare未找到的错误。一般如何将 reactjs 依赖库替换为 preactjs 库？

我刚刚preact-redux-example启动并运行，现在我正在尝试在我的应用程序中使用 Preact Dev Tools。

根据这篇文章，我认为这是添加的情况

进入入口点 ( app.js) 文件。

但是，这会产生以下错误：

我还需要安装其他东西，还是我走错了路？

我想创建一个 Preact 组件并让人们使用它，即使他们没有构建 Preact 应用程序。

示例：我想<MyTooltip>在 Preact 中构建一个组件，捆绑它（连同 Preact 运行时），并让人们将它作为脚本标签加载，纯粹以声明方式使用它，可能像：

有没有办法捆绑一个组件，使其包含 Preact 运行时、我的库代码和<my-tooltip>元素挂钩？

换句话说，我可以将我的 Preact 组件作为 Custom Elements进行互操作，类似于ReactiveElements吗？

我正在考虑preact。在我的 reactjs 应用程序中替换 reactjs 库有什么缺点？还是建议仅将其用于生产版本？

我试图弄清楚如何使用 typescript、preact 和 preact-router 来构建 Web 应用程序的前端部分。我已经走了很长一段路，但我仍然需要弄清楚如何使用 preact-router 以编程方式导航（重定向）。我可以history.replaceState(null, null, '/#/redirectedUrl');，但是虽然这会更改地址栏中的 URL，但 preact-router 不会路由到新的 URL。

使用 preact-router 时以编程方式导航的首选方式是什么？

我对 react.js 很陌生（使用 preact）并且遇到了异步路由（preact-async-router）的问题。

我的 main.js：

我的家.jsx：

我的 hello.jsx：

Webpack 创建 bundle.js 和 1.bundle.js（用于 hello.jsx）！

全部在我的资源目录中（资源目录通过 express.static 可用）。

home.jsx 已加载，链接指向 (localhost/hello/Earth)。

现在的问题是 1.bundle.js 没有被加载！浏览器（bundle.js）正在请求“/hello/1.bundle.js”下的文件，而不是“/resources/1.bundle.js”下的文件！

我该如何解决？

编辑：

现在可以了。在我的 webpack 配置中添加了带有“/resources/”的“publicPath”。谢谢！

我正在使用 Preact（出于所有意图和目的，React）来呈现保存在状态数组中的项目列表。每个项目旁边都有一个删除按钮。我的问题是：单击按钮时，删除了正确的项目（我验证了几次），但是项目被重新渲染，最后一个项目丢失了，被删除的项目仍然存在。我的代码（简化）：

我究竟做错了什么？我是否需要以某种方式主动重新渲染？这是一个 n+1 的情况吗？

澄清：我的问题不在于状态的同步性。在上面的列表中，如果我选择删除“c”，则状态会正确更新为['a','b','d','e']，但呈现的组件是['a','b','c','d']。每次从数组中删除正确的调用时，removePackage都会显示正确的状态，但会呈现错误的列表。（我删除了这些console.log陈述，所以看起来它们不是我的问题）。

我正在尝试使用 React 组件（react-slider），我得到了<undefined></undefined>

.babelrc

太糟糕了，控制台中没有抛出或显示错误。我不确定我做错了什么。

在运行我的测试时，我似乎无法修复这个错误。

我相信这在某些软件包更新期间开始发生。

我的 Karma 配置如下所示：

测试非常简单

知道我什至可以找出它在说哪个“让”吗？

我在 Node v7.8.0 上运行它