如何在functional组件中使用this.$preload这个API?

[kuangshu]

问题描述
改造了部分组件使用了函数式组件,但是有组件(如:订单组件)中有跳转逻辑中使用了this.$preload这个API,改造后报错.

复现步骤
在函数式组件中调用this.$preload

期望行为
可以传递数据到下级页面

报错信息

Cannot read property '$preload' of undefined; [Component] Event Handler Error @ pages/Order/components/OrderItem/OrderItem#(anonymous)
TypeError: Cannot read property '$preload' of undefined

系统信息

  Taro CLI 1.3.4 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 10.4.1 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.16.0 - C:\Users\leon\AppData\Roaming\npm\yarn.CMD
      npm: 6.8.0 - C:\Program Files\nodejs\npm.CMD

补充信息
如果不支持是否必须使用class?
函数式组件中是否有类似的API可以传递参数?

[taro-bot]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[luckyadam]

this.$preload 暂时不能在函数式组件里使用，只能用类组件
函数式组件要像这样传递的话，只能用全局变量，或者 redux 了

[kuangshu]

好的.谢谢

[happyjosh]

希望添加类似usePreload的hooks，保持class组件和FC的特征一致

[Garfield550]

@happyjosh 可以新开一个 Issue 提出需求。