如何将JavaScript库导入React Native项目？

Question

我正在尝试将JavaScript库实现到我使用React Native创建的移动应用程序中。该应用程序应具有带有汉字及其笔顺顺序的抽认卡，但我不知道如何将此库添加到react中，或者以后如何使用。

图书馆： https://github.com/chanind/hanzi-writer

我已经在浏览器中尝试过它，一切都按文档中的描述工作，但是我找不到在我的移动应用中实现它的方法。

在html中，我可以做这样的事情以拥有一个带有一个字符的抽认卡

val reports_grouped_by_user_name = listOf(
listOf(Report(1, "Mike"),Report(4, "Mike")),
listOf(Report(2, "John"),Report(8, "John")),
listOf(Report(3, "Ann"),Report(9, "Ann")),
listOf(Report(5, "Bob"),Report(10, "Bob")),
listOf(Report(6, "Carl")),
listOf(Report(7, "Donald")),
listOf(Report(10, "Bob")))

Answer 1

首先，您必须运行 npm安装hanzi-writer-data 然后运行这个 npm安装hanzi-writer 对我来说很好

Answer 2

运行npm后，在根文件夹中安装“ hanging-writer”，然后在模块顶部添加： 从“ hanzi-writer”

导入{HanziWriter}