com.facebook.react.bridge.readablenativemap cannot be cast to java.lang.string

react-native fetch multipartform-data
kutirie picture kutirie · May 31, 2018 · Viewed 32.6k times · Source

My code:

const file = {
  uri: this.state.imageSource,
  name: this.state.imageName,
  type: 'image/jpg',
};

const data = new FormData();
data.append('file', file);

fetch(config.server + '/upload', {
  method: 'POST',
  body: data,
})
  .then((res) => res.json())
  .then((responseData) => {
    alert(JSON.stringify(responseData));
  })
  .catch((err) => {
    alert(err);
  });

Without FormData code doesnt display error. What I should do to fix? Debugging on android.

Answer

kutirie picture kutirie · Jun 25, 2018

The error was because I was passing in the url as an array but it expected a string.

Related questions

Using Axios GET with Authorization Header in React-Native App

I'm trying to use axios for a GET request with an API which requires an Authorization header. My current code: const AuthStr = 'Bearer ' + USER_TOKEN; where USER_TOKEN is the access token needed. This string concatenation may be the …

Read More
GET with query string with Fetch in React Native

I am making a request like this: fetch("https://api.parse.com/1/users", { method: "GET", headers: headers, body: body }) How do I pass query string parameters? Do I simply add them to the URL? I couldn't find an example in …

Read More
Return the result value with fetch call function from another page, React native

I need to return the result of a function from another page in react native which performing a fetch call. I use the method as follows. As I know this is because asynchronous call. Is there a special way to …

Read More