亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 ReactJS 中獲取內部 API 數據?

如何在 ReactJS 中獲取內部 API 數據?

胡說叔叔 2022-08-18 15:37:06
我試圖做的是獲取 的內部數據。但在我的情況下,我得到了一個值(通常沒有輸出)。這是獲取值的正確方法嗎: ?blog_setnull{bloglist.blog_set.title}api-data:[    {        "url": "http://localhost:8000/api/category/brown",        "id": 1,        "title": "brown",        "slug": "brown",        "image": "http://localhost:8000/media/category/bg_1.jpg",        "description": "",        "created_on": "2020-05-08T15:21:02Z",        "status": true,        "blog_set": [            {                "id": 6,                "url": "http://localhost:8000/api/blog_detail/test3",                "title": "test3",                "slug": "test3",                "image": "http://localhost:8000/media/blog/author.jpg",                "description": "test3",                "created_on": "2020-05-13T13:36:45Z",                "status": true,                "category": [                    1                ]            }        ]    }]./src/category.jsexport default class App extends Component{ state = {    bloglist: [],  };  componentDidMount() {    this.fetchData();  }  fetchData = async () => {    try {      const response = await fetch("http://localhost:8000/api/category");      const jsonResponse = await response.json();      this.setState({ bloglist: jsonResponse });    } catch (error) {      console.log(error);    }  };  render(){        {    const { bloglist } = this.state;    return(        <div>        {bloglist.map((bloglist) => (            <div>                        <h3 class="mb-2">{bloglist.blog_set.title}</h3>            </div>            ))}        </div>        );    }  }}
查看完整描述

4 回答

?
鴻蒙傳說

TA貢獻1865條經驗 獲得超7個贊

blog_set是一個數組,因此它沒有名為 的屬性/memeber/item。您應該定義要在哪個索引處獲取數據。title

bloglist.blog_set[0].title

或者也迭代blog_set


查看完整回答
反對 回復 2022-08-18
?
智慧大石

TA貢獻1946條經驗 獲得超3個贊

由于bloglist也是一個數組,您需要使用一個數組或作為.map()bloglist[0].blog_set[0].title


例:


{bloglist.map((bloglist) => (

    <div>

        <h3 class="mb-2">{bloglist.blog_set.map(i=> i.title)}

        </h3>

    </div>

))}


查看完整回答
反對 回復 2022-08-18
?
largeQ

TA貢獻2039條經驗 獲得超8個贊

blog_set是一個數組。要對其進行迭代,請使用 和 。在對象的每次迭代中,都有一個名為(非結構化對象)的鍵。map{title}blog_settitle


<div>

    {bloglist.map((bloglist) => (

        <div>   

            <h3 class="mb-2">{blog_set.map(({title})=>title))}</h3>    

        </div>

    ))}

</div>


查看完整回答
反對 回復 2022-08-18
?
Qyouu

TA貢獻1786條經驗 獲得超11個贊

blogList.map() 將迭代對象的父數組以獲取blog_set,blog_set.map() 現在將迭代blog_set以獲取列表標題


 {bloglist.map((bloglist) =>(

  <div>

    <h3 class="mb-2">{bloglist.blog_set.map((list)=>( list.title)}</h3>


        </div>)}


查看完整回答
反對 回復 2022-08-18
  • 4 回答
  • 0 關注
  • 139 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號