Taro请求远程数据

使用Taro.request获取远程数据

编写一个testHandler方法，方法中使用Taro.request后去远端数据，这里远端数据使用的是我博客接口中的数据，你当然你可以获取任何你知道的接口中的数据。

const testHandler= ()=>{
    Taro.request({
        url:'https://apiblog.jspang.com/default/getArticleList'
    }).then(res=>{
        console.log(res.data)
    })
}

然后在JSX中编写一个按钮，加上onClick事件,代码如下：

 <Button onClick={testHandler}>我要去Index页面</Button>

这时候点击按钮时就应该可以在控制台输出接口返回的数据。

遍历数据

这次我们在得到数据后遍历到JSX中，先用useState声明一个articleList,代码如下：

 const  [articleList,setArticleList] = useState([])

然后在return中使用map进行遍历，这个上个视频已经学习过了，代码如下：

{
    articleList.map((item,index)=>{
        return (<View key={index}>- {item.title} </View>)
    })
}

这时候就可以到服务器看一下结果了。当点击按钮后，就会去接口请求首页数据，然后得到数据后渲染到页面上。