Ошибка синтаксического анализа JSON: невозможно проанализировать строку JSON в React Native - PullRequest
Новая
       15

Ошибка синтаксического анализа JSON: невозможно проанализировать строку JSON в React Native

0 голосов
/ 20 мая 2018

У меня проблемы с попыткой разобрать эти данные JSON.Я могу исправить эту ошибку, ограничив мои данные одним: {"id": "13", "imagename": "hello"}, но это все мои данные: 

{"id":"1","imagename":"dog"}{"id":"2","imagename":"cat"}{"id":"3","imagename":"mouse"}{"id":"4","imagename":"deer"}{"id":"5","imagename":"shark"}{"id":"6","imagename":"ant"}

Я думаю, что React Native не может обрабатывать не более одной информации в <Text>? 

     export default class HomeScreen extends React.PureComponent {
    constructor(props)
{

  super(props);

  this.state = {
  isLoading: true,
};

componentDidMount(){
     fetch(`http://www.example.com/React/data.php`, {
     method: 'POST',
     headers: {
       'Accept': 'application/json',
       'Content-Type': 'application/json',
     },
   }).then((response) => response.json())
       .then((responseJson) => {

      data = responseJson;
      this.setState({ loading: false });


   }).catch((error) => {
     console.warn(error);
   });

}

renderItems() {
  const items = [];
  this.data.foreach( ( dataItem ) => {
    items.put( <Text>{ dataItem.id }</Text> );
  } )
  return items;
} <--- This is an attempt to try to put them in an object and then display the data, but I keep getting undefined.

render() {


    if (this.state.isLoading) {
      return (
        <View style={{flex: 1, paddingTop: 20}}>
          <ActivityIndicator />
        </View>
      );
    }


      return(

         <View style = { styles.MainContainer }>
          <View>
           <Card>          
              <View>
              <Text>{this.data.id}</Text>
              <Text>{this.data.imagename}</Text>
             </View>
           </Card>
           </View>
         </View>
       );
     }
const styles = StyleSheet.create({
  MainContainer: {
    flex:1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#333',
  },
     }

Я также посмотрел другие вопросы об ошибках разбора, но наш код сильно отличается.Как я уже говорил, этот код работает, если данные ограничены одним.Я не могу понять, почему он не позволяет отображать более одной информации.

РЕДАКТИРОВАТЬ: Когда я изменил response.json на текст, я не получил результатов, так что это может быть причиной.Когда я изменил <Text>{this.data.id}</Text> на this.data, я смог увидеть все данные.Как я могу получить только идентификатор из этих данных?

1 Ответ

0 голосов
/ 20 мая 2018

Вы можете написать JSON как нотацию объекта, содержащего массив, содержащий объекты: 

'{"images" : [{"id":"1", "imagename":"dog"},{"id":"2", "imagename":"cat"},{"id":"3", "imagename":"mouse"},{"id":"4", "imagename":"deer"},{"id":"5", "imagename":"shark"},{"id":"6", "imagename":"ant"}]}'
...