Question

我只是试图将请求中的CORS headers引起的missing headers问题排除在外，因此倾向于使用JSONP。

如何在JSONP应用中使用react-redux的任何建议/想法？喜欢如何配置和使用它？

Answer 1

我在大多数情况下都会在反应应用中使用fetch：

    // payload is your post data
    const payload = {data: 'test'};
    const options = {
      method: 'POST',
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(payload),
      cors: true, // allow cross-origin HTTP request
      credentials: 'same-origin' // This is similar to XHR’s withCredentials flag
    };

    // SEND REQUEST
    fetch('http://example.com/', options).then((response) => {
      // TODO
    }).catch((error) => {
      // TODO
    });

Answer 2

在您的react组件中，调度由中间件捕获的操作。中间件应该调用jsonp端点，可能使用jquery的$ .ajax方法。我也喜欢fetchJsonp库。然后，您的中间件应该使用ajax或fetchJsonp接收的数据调度一个新操作，该操作应该由reducer捕获，并改变状态。

在react-redux应用程序中使用JSONP

2 个答案: