发布了一个用 react 函数式组件开发小程序的库

[DiamondYuan]

代码库： https://github.com/ant-design/functional-mini

这是一个类库，而不是框架。 所以原生小程序可以直接用，无需预编译。

下面是一个简单的计数器页面的 demo 。 这个库只涉及到 worker ，视图层还是原来的 wxml 和 axml 。

import {
  useState,
  useEvent,
  alipayPage,
  wechatPage,
} from 'functional-mini/page'; // 从 functional-mini/page 引入 hooks

// 编写页面逻辑
const Counter = ({ query }) => {
  //通过 props 获取 query
  const [count, setCount] = useState(0);
  // 绑定视图层的 add 事件
  useEvent(
    'add',
    () => {
      setCount(count + 1);
    },
    [count],
  );

  // 将这些值提交到视图层
  return {
    count,
    isOdd: count / 2 === 1,
  };
};

// 生成配置，并返回给小程序框架的构造函数
Page(alipayPage(Counter)); // 支付宝小程序使用 alipayPage
// 或
Page(wechatPage(Counter)); // 微信小程序使用 wechatPage

[yafoo]

现在用原生小程序写的人不多吧