Fatal编程技术网
  • react-native/
  • React native 使用pass参数对本地HTML文件加载到WebView进行本地响应

React native 使用pass参数对本地HTML文件加载到WebView进行本地响应

react-native

React native 使用pass参数对本地HTML文件加载到WebView进行本地响应,react-native,React Native,如何在Webview中传递道具并在本地html页面中获取道具 export default class HomeScreen extends React.Component { render() { return ( <View> <WebView source={require('../Web/index.html')} /> </View> ); } } 导出默认类主屏

如何在Webview中传递道具并在本地html页面中获取道具

export default class HomeScreen extends React.Component {
  render() {
    return (
       <View>
            <WebView source={require('../Web/index.html')} />
          </View>  
    );
  }
}

导出默认类主屏幕扩展React.Component{
render（）{
返回(
);
}
}
您不能将任何道具传递到Web视图中的html页面

但是使用
injectedJavascript有一个技巧


下面是一个例子：

是的，我尝试了injectedJavascript，它正在工作，但我想传递一个动态对象什么是动态对象？如果这里是静态对象“window.static=1”；您提到的=>动态对象的injectedJavascript是
`window.dynObj=${JSON.stringify（您的动态对象）}`假设我有一个名为jsonData（）的函数，它返回一个对象数组，那么我们如何注入该函数ex:jsonData（）{const items=[{id:1，title:“Thomas Williams”}，{id:2，title:“Mary Spencer”}]return
document.querySelector（'#query'）.value=${JSON.stringify（items）}
}你想注射什么？该函数定义或其返回值