在Preact中呈现反应组件？

Question

我尝试在我的大多数项目中使用Preact，但现在我有了使用React组件的要求。我不希望这要求我转换框架。我可以做些什么来从Preact代码中呈现React组件吗？

Answer 1

Preact提供了一个名为preact-compat的兼容层。

您可以使用模块绑定器来别名react和react-dom导入来使用preact-compat，这应该允许您在Preact应用程序中使用未修改的React代码。

下面是Webpack的一个例子，摘自preact-compat文档：

{
    // ...
    resolve: {
        alias: {
            'react': 'preact-compat',
            'react-dom': 'preact-compat',
            // Not necessary unless you consume a module using `createClass`
            'create-react-class': 'preact-compat/lib/create-react-class',
            // Not necessary unless you consume a module requiring `react-dom-factories`
            'react-dom-factories': 'preact-compat/lib/react-dom-factories'
        }
    }
    // ...
}

编辑：，如@pmkro在评论中所指出的，从Preact 10.0起，preact-compat将被移回核心preact包中，并将通过preact/compat提供。