reactjs - 如何将值传递给 react nativ webview body

Question

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

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

而不是上面代码中的硬编码值 cat=cat ，我需要从myId.

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。

标签： reactjsreact-nativewebview

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,
// ...