React 將數據存儲在 API 的變量中

蘇哈努爾山都

我正在嘗試將我的一些數據存儲在 const 變量中。就像我從 API 調用中獲取常見問題解答部分數據一樣。像這個一樣,我在 restaurant.faq 中有我的數據,並且可以有多個數據,所以我通過它進行映射並且它運行良好。假設現在我有兩個問題和兩個答案,而且我得到了完美的答案。

{restaurant.faq?.map((f) => (
        <ListGroup.Item key={f.id}>
            Question - <strong>{f.question}</strong>
            <br />
            Answer - <strong>{f.answer}</strong>                    
        </ListGroup.Item>
        
    ))}

但是我想在 const 變量中傳遞來自這個 restaurant.faq 的相同問題和答案,就像在 rows [{question, answer}] 部分中一樣。我怎樣才能做到這一點?

const data = {
        title: "FAQ",
        rows: [
            {
                question: "Lorem ipsum dolor sit amet,",
                answer: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed tempor sem. Aenean vel turpis feugiat,
                  ultricies metus at, consequat velit. Curabitur est nibh, varius in tellus nec, mattis pulvinar metus.
                  In maximus cursus lorem, nec laoreet velit eleifend vel. Ut aliquet mauris tortor, sed egestas libero interdum vitae.
                  Fusce sed commodo purus, at tempus turpis.`,
            },
            {
                question: "Nunc maximus, magna at ultricies elementum",
                answer:
                    "Nunc maximus, magna at ultricies elementum, risus turpis vulputate quam, vitae convallis ex tortor sed dolor.",
            },
            
        ],
    };

更新如何對這個做同樣的事情?

{restaurant.menu?.map((men) => (
                                            <ListGroup.Item key={men.id}>
                                                
                                                <Image src={men.image} alt={men.name} style={{height:'250px', width:'1800px'}} fluid />
                                                
                                            </ListGroup.Item>
                                            
                                        ))}

 const images = [
        {
          original: 'https://picsum.photos/id/1018/1000/600/',
        },
        {
          original: 'https://picsum.photos/id/1015/1000/600/',
        },
        {
          original: 'https://picsum.photos/id/1019/1000/600/',
         
        },
      ];
馬丹小號

你可以這樣做

const data = {
  title: "FAQ",
  rows: restaurant.faq?.map(({ question, answer}) => (
    { question,
      answer
    })
  )

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用 JQuery 將 Javascript 本地存儲變量發送到 MySql 數據庫

如何將掛起函數的返回值存儲到變量中?

如何將Angular函數的返回值存儲到變量中

在 FME 中將敏感數據存儲/傳遞到工作區

要存儲在數據庫中的“正常”數據量是多少?

嘗試將來自 API 的數據放入 React 中的模態

根據重複的列值提取數據幀行並將它們存儲在新的數據幀中

將數據存儲在 Firebase 中以優化讀取和用於統計

如何將宏變量值存儲到 SAS 數據集中?

有沒有辦法將從 APISAUCE API 收到的響應存儲到異步存儲中作為緩存,並在 React Native 的平面列表中顯示它

將不同的 Java 類存儲在一個數組列表/變量中

來自 api(json) 的 Python 存儲數據幀

是否可以使用 forloop 將數組存儲為唯一變量?

在具有多個自變量的單變量邏輯回歸後,將係數、置信區間和優勢比存儲在一個數據框中

如何將整數存儲到 Azure 數據工廠中的變量?

我們是否需要異步存儲進行 Firebase 身份驗證以將用戶數據存儲在 React Native 中

如何在 React Native 中顯示從異步存儲接收的數據?

Swift - 如何從 mapViewkit 中的 API 數據創建要使用的局部變量

如何在 react native javascript 中的一個變量中存儲不同的多重響應

ASP.NET Core Web API - 如何將屬性組合作為原始數據存儲到另一個模型的單列中

如何避免使用 django rest 框架將數據存儲在數據庫中

如何將每次迭代的值存儲在數據框中?

將帶有一些其他數據的多張圖像存儲到 mongoDB 中時,只存儲一張圖像

如何對存儲在 SQL 變量中的操縱數據進行排序?

將 3D Numpy 數組切片存儲為變量

從 api 獲取數據並將其存儲在狀態中,但狀態仍顯示未定義

是否可以將 python 對象存儲在 pyspark 數據幀或 rdd 中?

無法使用 Laravel 和 React 在 MySql 數據庫中存儲數據

節點:將函數名稱存儲在變量中,然後調用它們