React-native, PropertyFinderApp, request?

Question

[Владислав Байрамов]

Разбираю реакт натив. Делаю прогу на андроид по этому туториалу
Короче, беда такая, отправляю запрос, в консоли видно что возвращает 20 подходящих обьектов, но почему то не разбирает респонс на значения. Скрины и код ниже.

SearchPage - исходная страница поиска где формируется запрос

function urlForQueryAndPage(key, value, pageNumber) {
  var data = {
      country: 'uk',
      pretty: '1',
      encoding: 'json',
      listing_type: 'buy',
      action: 'search_listings',
      page: pageNumber
  };
  data[key] = value;
 
  var querystring = Object.keys(data)
    .map(key => key + '=' + encodeURIComponent(data[key]))
    .join('&');
 
  return 'http://api.nestoria.co.uk/api?' + querystring;
};

export default class SearchPage extends Component {

 constructor(props) {
    super(props);
    this.state = {
      searchString: 'london',
      isLoading: false,
      message: ''
    };
  }
    
onSearchTextChanged(event) {
	  this.setState({ searchString: event.nativeEvent.text });
	}

onSearchPressed() {
  var query = urlForQueryAndPage('place_name', this.state.searchString, 1);
  this._executeQuery(query);
}

_executeQuery(query) {
  this.setState({ isLoading: true });
  console.log(query);
  
  fetch(query)
  .then(response => response.json())
  .then(json => this._handleResponse(json.response))
  .catch(error =>
     this.setState({
      isLoading: false,
      message: 'Something bad happened ' + error
   }));
}
 
_handleResponse(response) {
  this.setState({ isLoading: false , message: '' });
  if (response.application_response_code.substr(0, 1) === '1') {
  console.log('Properties found: ' + response.listings.length);
  
  this.props.navigator.push({
    id: 'SearchResults',
    name: 'SearchResults',
    passProps: {listings: response.listings}
    
});
console.log(passProps);
  } else {
    this.setState({ message: 'Location not recognized; please try again.'});
  }
}

SearchResults - где респонс значения вставляются в таблицу

export default class SearchResults extends Component {
 
constructor(props) {
    super(props);
    var dataSource = new ListView.DataSource(
      {rowHasChanged: (r1, r2) => r1.lister_url !== r2.lister_url});
    this.state = {
      dataSource: dataSource.cloneWithRows(this.props.listings)
    };
  }
 
  renderRow(rowData, sectionID, rowID) {
    return (
      <TouchableHighlight
          underlayColor='#dddddd'>
        <View>
          <Text>{rowData.title}</Text>
        </View>
      </TouchableHighlight>
    );
  }
 
  render() {
    return (
      <ListView
        dataSource={this.state.dataSource}
        renderRow={this.renderRow.bind(this)}/>
    );
  }
 
}

Получаю такую ошибку в ответе (обведена красным)


Респонсы приходят!

Answer 1

[Иван]

Ну так выкиньте в консоль что там за объект тупо через .then(console.log(response )) ... Ну и дальше по очереди их отлаживайте. Скорее всего где то к несуществующему параметру обращаетесь.
Кстати this.props.navigator.push WTF? Нельзя напрямую писать в пропсы!
this.state = { ... И так низя! Хотя может в Native'е можно ...

Comments

[Владислав Байрамов]

Спасибо за отзыв, Иван. Подскажите, а как именно вывести обьект через консоль лог? И как по вашему стоит изменить пуш в навигаторе?

[Иван]

Владислав Байрамов: В принципе перерисовать компонент - 3 способа:
1) изменились props. Для компонента это какбы статические переменные, они приходят от родителя. Напрямую в них писать нельзя.
2) Вызван setState(), т.е. изменился state компонента. Это наоборот внутренние переменные компонента. Например клик по элементу или например приход JSON данных. Исключение - конструктор; в нем допускается прямая запись, либо также сетстейт для асинхронный операции.

3) forceUpdate(), который вроде как не менял и не получал данных ни изнутри, ни снаружи. Почти не используется.

[Владислав Байрамов]

Иван: спасибо, приму во внимание =)