将动态变量注入React Native'；s WebView'；s注入JavaScript字符串

我正在我的应用程序中加载此网络视图：

           <WebView
                style={{
                    marginTop: 5,
                    flex:1,
                    flexDirection: 'column',
                    alignItems:'center',
                    justifyContent: 'center',
                    backgroundColor: 'rgba(255,255,255,0.8)',
                    height:300
                  }}
                source={require('./test.html')}
                injectedJavaScript={injectedScript}
                scalesPageToFit={true}
            />

但它就是不起作用。当我用一个静态字符串（即“test”）替换${bodyForDisplay}时，它可以完美地工作

---

关于如何在此处注入动态值有什么想法吗？

您需要在

${bodyForDisplay}

周围加上单引号或双引号，因为它是方法

setData

的字符串参数

此外，请确保转义bodyForDisplay中的字符串，以便它不会关闭开头的字符串引号（单引号或双引号）。 信任用户输入永远都不安全，所以您也应该正确地转义该字符串中的其他字符

        let injectedScript = `CKEDITOR.instances.editor.setData(${bodyForDisplay});`;