Question

我在尝试解析此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时，我可以看到所有数据。如何从该数据中获取id？

Answer 1

您可以将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"}]}'

JSON解析错误：无法解析React Native中的JSON字符串

1 个答案: