问:如何将const导入字符串?

贾斯珀·兰霍斯特(Jasper Lankhorst)

目前,由于我想构建一个离线图表应用程序,因此我正在构建一个需要使用本机webview的应用程序。目前,还没有编写任何用于react-native的库来创建图表。

为了创建图表,我开始制作一个WebView,因为已经有基于D3.js的库了,此Webview里面有一个模板HTML。

因此,我的思路是:创建一个Web视图,添加Graph所需的所有库,并在React-native中创建一个漂亮的图形。

它背后的想法是可行的,但是Graph是组件上的一个大斑点,并试图将其保存到另一个文件中。因此,我可以将其包含在1行中。

//import librarys for the html 'string'. import d3 from './librarys/d3' import c3 from './librarys/c3' import styleSheet from './librarys/c3css' 这些库连接到Webview。

像这样:

 const HTML = `<html>
      <head>
        <title>Hello Static World</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=320, user-scalable=no">
        <style type="text/css">
          body {
            margin: 0;
            padding: 0;
            font: 62.5% arial, sans-serif;
            background: #ccc;
          }
          h1 {
            padding: 45px;
            margin: 0;
            text-align: center;
            color: #33f;
          }

          `+ { styleSheet }+ `
        </style>`;

`

结果:除此部分外的所有html:+ {styleSheet} +``仍然是[Object object]而不是结果字符串。

无论如何,有没有适当地包含它?而不是接收Object对象。解析方法?

贾斯珀·兰霍斯特(Jasper Lankhorst)

@Dan_abramov:“您不能“串联”导入。您需要一个捆绑器(如Browserify)来捆绑您的JS,然后将其包含在HTML中。”

资料来源:https : //twitter.com/dan_abramov/status/737283387128459264

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章