如何将值传递给反应本机 webview 主体

Question

我想将一个值从 react-native 传递到 webview

<WebView
  source={{
    uri: 'https://accountant.aqilz.com/add-new-submit-form.php',
    method: 'POST',
    body: 'cat=cat',
  }}
/>

我需要从 myId.

传递值，而不是上面代码中的硬编码值 cat=cat

const myId = this.props.route.params.email;
<WebView
  source={{
    uri: 'abcd.com/add-new-submit-form.php',
    method: 'POST',
    body: 'cat=???',
  }}
/>

我想将值从 const 传递到 webview body。通过这样做，我可以检索登录用户的电子邮件 ID。

Answer 1

您可以使用模板文字：

const myId = this.props.route.params.email;
<WebView
  source={{
    uri: 'abcd.com/add-new-submit-form.php',
    method: 'POST',
    body: `cat=${myId}`,
  }}
/>

您也可以使用标准字符串连接：

// ...
body: "cat=" + myId,
// ...

如何将值传递给反应本机 webview 主体

How to pass value to the react nativ webview body

webview

reactjs

react-native