最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【已解决】如何把React.createElement转换为preact的语法

Preact crifan 2040浏览 0评论

折腾:

【已解决】ReactJS中如何实现上拉加载更多数据

期间,需要把库:

CassetteRocks/react-infinite-scroller: ⏬ Infinite scroll component for React in ES6

的代码转换为Preact的代码

已经把:

 import React, {
   Component,
 } from ‘react’;

换成:

import { Component } from ‘preact’;

了。

现在要去把:

  render() {
    。。。
    return React.createElement(
        element,
        props,
        …childrenArray,
    );
  }

中的React.createElement也换成Preact代码。

搜:

preact React.createElement

Differences to React · developit/preact Wiki

Possible to alias React.createElement to h? (no preact-compat) · Issue #692 · developit/preact

React.createElement · Issue #168 · developit/preact

【总结】

然后React.createElement把换成Preact中的h即可:

import { h, Component } from ‘preact’;
  render() {
    。。。
    //return React.createElement(
    return h(
        element,
        props,
        …childrenArray,
    );
  }

转载请注明:在路上 » 【已解决】如何把React.createElement转换为preact的语法

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
84 queries in 0.201 seconds, using 22.18MB memory