在来自 API 的变量中反应存储数据

Question

我正在尝试将一些数据存储在常量变量中。就像我从 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>
        
    ))}

但我想在常量变量中传递来自此 restaurant.faq 的相同问题和答案像这样在行 [{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/',
         
        },
      ];

Answer 1

你可以这样做

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

在来自 API 的变量中反应存储数据

React store data in a variable from API

reactjs

react-redux