reactjs - 如何在jsx中打印响应Json数据

Question

我想在 jsx 中呈现标题和描述（驻留在 data-->feed->title 或 Description 中）还想呈现每个标题和每个 pub 日期（驻留在 data->items[array]->title 和 pub 日期）

import React,{useState,useEffect} from 'react'
import axios from 'axios';

function Dashboard(){
    const[posts,setPosts] = useState([])

    useEffect(()=>{
        axios.get('https://api.rss2json.com/v1/api.json?rss_url=http%3A%2F%2Frss.cnn.com%2Fservices%2Fpodcasting%2Fstudentnews%2Frss.xml')
        .then(res=> {
            console.log(res)
            setPosts(res.data) 
        })
        .catch(err=>{
            console.log(err)
        })
    },[])
    return(
        <div className="App">
            
        </div>  
        
       )
}

标签： reactjsreact-nativereact-reduxreact-router

Answer 1

可能你正在尝试做这样的事情吗？

return(
    <div className="App">

        <div> {posts.feed && posts.feed.title} </div>
        <div> {posts.feed && posts.feed.description} </div>


        <div>
            {posts.items &&  posts.items.map ( postItem => <div> {postItem.title} </div> ) } 
        </div>
        
    </div>  
    
   )