Question

我遇到了无法解决的React Native问题，很可能是因为我对React和JavaScript很陌生，所以我可能没有所有＆＃34;键＆＃34;。哈哈

首先，这是我的JSON的结构：

{ "Spot[]": [
{"id":1,"name": "Relais Villenus"},
{"id":2, "name": "Random"}
]}

到目前为止，我还没有开始使用很多JSON，但他们从来都不喜欢这样，它让我失望了！

我的班级要求提供数据：

class ListScreen extends Component{
static navigationOptions = {
  tabBarLabel: 'Liste',
};

constructor(props) {
  super(props);
  this.state = {
    isLoading: true
  }
}

componentDidMount() {
  return fetch(REQUEST_URL)
    .then((response) => response.json())
    .then((responseJson) => {
      let ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
      this.setState({
        isLoading: false,
        dataSource: ds.cloneWithRows(responseJson.Spot),
      });
    })
    .catch((error) => {
      console.error(error);
    });
}

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

  return (
    <View style={{flex: 1, paddingTop: 20}}>
      <ListView
        dataSource={this.state.dataSource}
        renderRow={(rowData) => <Text>{rowData.name}</Text>}
      />
    </View>
  );
}
}

我根据我在这里或GitHub上的内容尝试了不同的内容，如

dataSource: ds.cloneWithRows(responseJson.Spot[]),

或者像这样：

dataSource: ds.cloneWithRows(responseJson),

并在视图中：

renderRow={(rowData) => <Text>{rowData.Spot.name}</Text>}

或

renderRow={(rowData) => <Text>{rowData.Spot[name]}</Text>}

我的代码使用此JSON：https://facebook.github.io/react-native/movies.json

这就是为什么我认为错误是因为我不知道如何正确获取数据。

谢谢！

Answer 1

您正以错误的方式访问财产。将您dataSource更改为

this.setState({
    isLoading: false,
    dataSource: ds.cloneWithRows(responseJson['Spot[]']),
});

您需要使用bracket notation访问您的媒体资源。

括号表示法需要一个表达式，该表达式的计算结果为字符串（或者可以强制转换为字符串），因此您可以使用任何字符序列作为属性名称。字符串可以包含的内容没有限制。

＆＃34;请求不是对象的值的键＆＃34; JSON和React Native

1 个答案: