RN 网络请求,

componentDidMount() {

    this.getFirst();

  }

//上拉加载

  getFirst = () => {

    let api =

      "https://cnodejs.org/api/v1/topics?page=" +

      this.state.page +

      "&tab=job&limit=20";

    fetch(api)

      .then(arr => arr.json())

      .then(aee => {

        this.setState({

          data: aee.data

        });

      });

  };

//下拉加载

  getNext = () => {

    this.setState({

      page: this.state.page + 1

    });

    let api =

      "https://cnodejs.org/api/v1/topics?page=" +

      this.state.page +

      "&tab=job&limit=20";

    fetch(api)

      .then(arr => arr.json())

      .then(aee => {

        this.setState({

          data: [...this.state.data, ...aee.data]

        });

      });

  };

//渲染Flastlist

render() {

    return (

     

        data={this.state.data}

        renderItem={({ item }) => {

          return (

           

              onPress={() => {

                this.props.navigation.navigate("Detils", { name: item });

              }}

            >

             

                {item.title}

             

           

          );

        }}

//进度条

        refreshing={this.state.refreshed}

        onRefresh={this.getFirst}

        onEndReached={this.getNext}

        onEndReachedThreshold={0.0001}

      />

    );

  }

你可能感兴趣的:(RN 网络请求,)