在 React Native WebView 中隐藏 React.js 组件答案

【问题标题】：Hide React.js component in React Native WebView在 React Native WebView 中隐藏 React.js 组件
【发布时间】：2021-06-03 23:36:27
【问题描述】：

我正在通过WebView 创建一个React Native 应用程序，该应用程序是我在React 开发的当前网站。有些组件我不想在应用程序上显示，我想隐藏它。有没有办法做到这一点。

我尝试了injectedJavaScript 函数。通过浏览器找到组件的div类，并通过document.getElementsByClassName('class')[0].style.display='none'隐藏起来

这适用于浏览器，但不适用于我的 ReactNative WebView。有什么办法可以在 React Native WebView 中禁用 react.js 的组件？

【问题讨论】：

标签： javascript android reactjs react-native webview

【解决方案1】：

尝试将注入的脚本包装在这样的立即调用函数中

const injectedScript = `
     (function () {
         // add an alert to make sure that the script is executed
         alert('Holla amigo')
         // you code 
     })();`

【讨论】：