导航

    Taro 社区

    Taro

    • 注册
    • 登录
    • 搜索
    • 版块
    • 最新
    • 话题
    • 热门
    • 群组
    1. 主页
    2. 706642002_m
    7
    • 资料
    • 关注
    • 粉丝
    • 主题
    • 帖子
    • 最佳
    • 群组

    706642002_m

    @706642002_m

    0
    声望
    3
    帖子
    388
    资料浏览
    0
    粉丝
    0
    关注
    注册时间 最后登录

    706642002_m 关注

    706642002_m 发布的帖子

    • RE: taro 2.2.11 @connect ts提示怎么解决?

      @connect() 没法提示,这是Typescript本身的限制,官方issue里有写。装饰器目前在TS不会有任何的提示,这就是我很少用装饰器的原因

      您可以这么做:

      type Props = ReturnType<typeof mapStateToProps>;
      
      class App extends Component<Props> {
        render() {
          ...
        }
      }
      
      const mapStateToProps = (store) => {
        return {
           data: store.xx,
        };
      };
      

      或者使用React Hooks,就不需要这些东西。

      import React, { FC } from 'react';
      import { useSelector } from 'react-redux';
       
      const App: FC = () => {
        const data = useSelector((store) => store.xx);
      
        return <Text></Text>;
      };
      

      当然也推荐Redux深度封装的库,只需关心业务,提高您2-3倍开发效率:https://github.com/redux-model/redux-model

      发布在 Taro
      7
      706642002_m
    • Taro + TS 数据管理的不二选择 Redux-Model

      Redux系列的新成员,专门为TypeScript项目定制,经过了1年多的打磨,已经在多个公司核心项目上重度使用,也得到同事们的一致好评,因为开发效率实在太高了。

      你问我Dva, mobx 不香?很香啊,代码也很棒的。
      但你问我它们对TS的支持香不香?这个真不香。。dva纯JS设计。mobx对TS比较友好,但是装饰器写的很烦,而且装饰器在TS里对类型提示没有任何帮助。

      如果您在用TS做项目,试试Redux-Model吧。不再写模板式文件,模块化让您对数据的操作一目了然,也不再机械式重复,因为非业务代码抽的一滴不剩,您写的每一行代码都有类型提示。从此您只需要关心业务数据,用就完事了。

      特性

      • 深度封装,模块化开发
      • 使用mvvm快速处理reducer
      • 👍真正意义上的Typescript框架,写起来比JS更流畅
      • 内置http服务,请求action自带loading追踪、数据节流
      • 支持React/Vue Hooks
      • 支持数据持久化

      Github地址:https://github.com/redux-model/redux-model 。喜欢记得来个star呦,让更多人知道,让大家多一个选择,也希望能共同完善TS生态圈。

      框架有严格的测试用例,提供了完整的开发文档,请您放心在生产环境使用

      在线直接运行的例子:

      • 计数器
      • 数据持久化
      • TODO面板
      • 请求
      • 请求节流
      • 任务监听
      • 任务组合
      • 子任务
      发布在 Taro 实践 + 案例
      7
      706642002_m
    • 在Taro中自由地使用iconfont图标,支持多色彩,支持多端

      还在担心没图标可以用?不存在的,iconfont.cn那么多图标,一辈子都用不完的。
      集成不方便?不存在的,已经有方案了:https://github.com/iconfont-cli/taro-iconfont-cli

      支持平台

      • React-Native
      • 微信小程序
      • 支付宝小程序
      • 百度小程序
      • 头条小程序
      • QQ小程序
      • H5

      特性

      1、一键生成标准组件,多端支持
      2、使用方便,import即可
      3、支持多色彩
      4、支持自定义颜色
      5、支持es6和typescript两种模式

      使用方便

      // 原色彩
      <IconFont name="alipay" />
      
      // 单色:红色
      <IconFont name="alipay" color="red" />
      
      // 多色:红色+橘色
      <IconFont name="alipay" color={['red', 'orange']} size={300} />
      
      // 不同格式的颜色写法
      <IconFont name="alipay" color={['#333', 'rgb(50, 124, 39)']} />
      

      喜欢的小伙伴记得给个star呦:https://github.com/iconfont-cli/taro-iconfont-cli

      发布在 Taro 实践 + 案例
      7
      706642002_m