Wie man ein Formular mit fetch in reactive native?

Question

Ich versuche, das Formular mit Vorname, Nachname, E-Mail, Passwort und Passwortbestätigung mit reactive-native fetch api zu posten.

fetch('http://localhost:3000/auth', { 
    method: 'post', 
    body: JSON.stringify({ 
    config_name: 'default', 
    first_name: this.state.first_name, 
    last_name: this.state.last_name, 
    email: this.state.email, 
    password: this.state.password, 
    password_confirmation: this.state.password_confirmation, 
    }) 
}) 

Output in Rails-Konsole

Parameters: {"{\"config_name\":\"default\",\"first_name\":\"Piyush\",\"last_name\":\"Chauhan\",\"email\":\"piyushchauhan2011@gmail.com\",\"password\":\"diehard4\",\"password_confirmation\":\"diehard4\"}"=>"[FILTERED]"} 
Unpermitted parameter: {"config_name":"default","first_name":"Piyush","last_name":"Chauhan","email":"piyushchauhan2011@gmail.com","password":"diehard4","password_confirmation":"diehard4"} 

So sein Posting der gesamte Wert als String und Schienen Parsen der Zeichenfolge als Variable. Ich möchte das "{" aus der JSON-Antwort entfernen. Wie es geht ?

Answer 1

also, wenn ich Sie gut verstehe, wollen Sie es die gleiche Zeichenfolge aber nur ohne die geschweiften Klammern buchen?

Wenn das der Fall ist, können Sie sie einfach aus der Zeichenfolge entfernen.

.replace (/ {|}/gi "")

so dass wie folgt

fetch('http://localhost:3000/auth', { 
method: 'post', 
body: JSON.stringify({ 
    config_name: 'default', 
    first_name: this.state.first_name, 
    last_name: this.state.last_name, 
    email: this.state.email, 
    password: this.state.password, 
    password_confirmation: this.state.password_confirmation, 
    }).replace(/{|}/gi, "") 
}) 

Answer 2

const m = encodeURIComponent(userEmail); 
const p = encodeURIComponent(userPassword); 
const requestBody = `email=${m}&pass=${p}`; 
fetch(`http://server.com`, { 
    method: 'POST', 
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, 
    body: requestBody 
})