Получение неопределенного в React native

Question

import React, { Component } from 'react';
import { View, Text } from 'react-native';

class HttpExample extends Component {
   state = {
      data: ''
   }
   componentDidMount = () => {
    fetch("https://jsonplaceholder.typicode.com/posts/1", { --this is fake url 
        method: 'POST',
        headers: new Headers({
                   'Content-Type': 'application/x-www-form-urlencoded', // <-- Specifying the Content-Type
          }),
        body: "param1=value1&param2=value2" // <-- Post parameters
      })
      .then((response) => 
          response.text()
      )
      .then((responseText) => {
        alert(responseText.id);
        this.setState({
            data: responseText
         })
      })
      .catch((error) => {
          console.error(error);
      });
   }
   render() {
      return (
         <View>
            <Text>
               {this.state.data.id}
            </Text>
         </View>
      )
   }
}
export default HttpExample;

если я использую alert (ResponseText) в предупреждении, я получаю o / p, но, когда я пытался получить индивидуальное значение из моего объекта, он возвращает неопределенное

o / p: "id": "1 "," computeId ":" USR00001 "в предупреждении

Answer 1

 .then((response) => response.text())

до

 .then((response) => response.json())

Полагаю, вам нужен ответ в стиле json.