Невозможно получить доступ к данным JSON и вывести только Begin и End React Native - PullRequest
Новая
       13

Невозможно получить доступ к данным JSON и вывести только Begin и End React Native

0 голосов
/ 03 октября 2018

Я пытаюсь получить доступ к Begin и End внутри данных JSON, но не могу.Он просто получает доступ к данным JSON и печатает их.

Как можно распечатать начало и конец в отдельном FlatList?

Вот мой код: 

manage = date =>  {
 this.setState({status: true})
 this.setState({date:date})
const office_id=this.state.office_id;
const duration=this.state.duration;
  const  url='http://MyIP/api/timeApi';
  axios.post(url,{office_id,date,duration})
  .then(resp => this.setState({
      testArray : JSON.stringify(resp.data),
  }))
  .catch(e)
  {
      alert(e);
  }}

testFunction = () => {
    var x = this.state.testArray;
    return(

        <Text>{x}</Text>
    )

}

<DatePicker
                    date={this.state.date}
                    onDateChange={this.manage.bind(this) } />

inвернуть 

  { 
        this.state.status ?                 <View>

<FlatList 
  data={this.state.testArray}
     renderItem={this.testFunction}


/>
        </View> : null
    }

и вот мой результат

1 Ответ

0 голосов
/ 03 октября 2018

вам нужно что-то подобное, попробуйте изменить его на основе вашего кода 

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

export default class Test extends Component {
  constructor() {
    super();
    this.state = {
      data: ['one', 'two', 'three', 'four', 'five'],
    }
  }

  _keyExtractor = (item, index) => index.toString();

  _renderItem = ({ item }) => (
    <View>
      <Text>{item}</Text>
    </View>
  );

  manage = () => {
    var x = this.firstAndLast(this.state.data);
    this.setState({
      data : x
    })
  }

   firstAndLast(myArray) {

    var firstItem = myArray[0];
    var lastItem = myArray[myArray.length-1];
    var newArray = [];

    newArray.push(firstItem);
    newArray.push(lastItem);
    
    return newArray;
    }

  render() {
    return (
      <View>
        <FlatList
          data={this.state.data}
          extraData={this.state}
          keyExtractor={this._keyExtractor}
          renderItem={this._renderItem}
        />
        <Button title="click" onPress={() => this.manage()} />
      </View>

    );
  }
}
...