如何将react原生webview中的参数传递给外部javascript文件函数，该函数存储在xcode中

import React from 'react';
import { WebView } from 'react-native';

const MyWebView = ({ parameter }) => {
  const webViewRef = React.useRef(null);

  React.useEffect(() => {
    if (webViewRef.current) {
      webViewRef.current.postMessage(parameter);
    }
  }, [parameter]);

  return (
    <WebView
      ref={webViewRef}
      source={{ uri: 'your_webpage_url' }}
      onMessage={(event) => {
        const data = event.nativeEvent.data;
        // Handle the data received from JavaScript function
      }}
    />
  );
};

export default MyWebView;

function sendDataToNative(parameter) {
  window.postMessage(parameter);
}

import WebKit

class ViewController: UIViewController, WKScriptMessageHandler {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let contentController = WKUserContentController()
        contentController.add(self, name: "messageHandler")
        
        let configuration = WKWebViewConfiguration()
        configuration.userContentController = contentController
        
        let webView = WKWebView(frame: view.bounds, configuration: configuration)
        view.addSubview(webView)
        
        // Load your web page
        let url = URL(string: "your_webpage_url")
        let request = URLRequest(url: url!)
        webView.load(request)
    }
    
    // Handle messages received from JavaScript
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        if message.name == "messageHandler" {
            let parameter = message.body as? String
            // Handle the parameter received from JavaScript function
        }
    }
}