将外部Javascript（而非jsx）添加到React Native？

Question

这里是新的React Native用户。 我试图将下面的Transliterate JS代码从网站添加到React Native。

<script type="text/javascript" src="https://www.google.com/jsapi">
</script>
<script type="text/javascript">

  // Load the Google Transliterate API
  google.load("elements", "1", {
        packages: "transliteration"
      });

  function onLoad() {
    var options = {
        sourceLanguage:
            google.elements.transliteration.LanguageCode.ENGLISH,
        destinationLanguage:
            [google.elements.transliteration.LanguageCode.CHINESE],
        shortcutKey: 'ctrl+g',
        transliterationEnabled: true
    };

    // Create an instance on TransliterationControl with the required
    // options.
    var control =
        new google.elements.transliteration.TransliterationControl(options);

    // Enable transliteration in the textbox with id
    // 'transliterateTextarea'.
    control.makeTransliteratable(['transliterateTextarea']);
  }
  google.setOnLoadCallback(onLoad);
</script>

以下是脚本的HTML代码。

<body>
Type in Chinese (Press Ctrl+g to toggle between English and Chinese)<br>
<textarea id="transliterateTextarea" style="width:600px;height:200px"> 
</textarea>
</body>

如何在React Native中添加使用此代码？ 一直为此奋斗了数周。 谢谢！

Answer 1

我将制作一个带有音译来包装元素的高阶组件（HOC）。 您将使用Robbie在对原始问题的注释中引用的库。

将外部Javascript（而非jsx）添加到React Native？

问题描述

1 个解决方案

解决方案1
0 2018-08-15 19:36:55

将外部Javascript（而非jsx）添加到React Native？

问题描述

1 个解决方案

解决方案1 0 2018-08-15 19:36:55

解决方案1
0 2018-08-15 19:36:55