首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >添加外部Javascript (不是jsx)到React Native?

添加外部Javascript (不是jsx)到React Native?
EN

Stack Overflow用户
提问于 2018-08-16 03:06:31
回答 1查看 67关注 0票数 0

新的React Native user here。我正在尝试添加下面的音译JS代码从一个网站反应本机。

代码语言:javascript
复制
<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代码。

代码语言:javascript
复制
<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中添加使用此代码?我已经为此挣扎了几个星期了。谢谢!

EN

回答 1

Stack Overflow用户

发布于 2018-08-16 03:36:55

我会做一个高阶组件(HOC),它用音译包装一个元素。您将使用Robbie在对您的原始问题的评论中引用的库。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51864916

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档