React Native - 将 Cookie 发送到 WebView

Question

文档中有一个非常简单的示例，展示了如何将 cookie 传递给 Webview：

const App = () => {
  return (
    <WebView
      source={{
        uri: 'http://example.com',
        headers: {
          Cookie: 'cookie1=asdf; cookie2=fdsa; cookie3=aaaa',
        },
      }}
    />
  );
};

如何向每个 cookie 传递一些属性？

如果我在 Google Chrome 中打开控制台，我可以粘贴以下内容：

document.cookie ='cookie1=asdf;domain=.mydomain.com;path=/;'
document.cookie ='cookie2=fdsa;domain=.mydomain.com;path=/;'
document.cookie ='cookie3=aaaa;domain=.mydomain.com;path=/;'

这会在浏览器中设置 3 个 cookie。这很酷。如果我尝试使用 React Native

const App = () => {
      return (
        <WebView
          source={{
            uri: 'http://example.com',
            headers: {
              Cookie: 'cookie1=asdf;domain=.mydomain.com;path=/;cookie2=fdsa;domain=.mydomain.com;path=/;cookie3=aaaa;domain=.mydomain.com;path=/;',
            },
          }}
        />
      );
    };

这可能会在 WebView 中设置 5 个不同的 cookie：cookie1, cookie2, cookie3, domain, path