pokemon-cards-react:实现上下文API的React应用

时间:2024-06-14 11:42:01
【文件属性】:

文件名称:pokemon-cards-react:实现上下文API的React应用

文件大小:364KB

文件格式:ZIP

更新时间:2024-06-14 11:42:01

JavaScript

上下文API #React 目的 该React应用将使用Pokemon交易卡api来演示上下文api。 要注意的其他事情是如何在单独的文件中创建提取fn以及如何传递来自useState的数组和fn。 什么是上下文? 与useState相似,有另一个模块(?)可以导入到react中,它是createContext和useContext ,这些内置功能的作用是它们允许您从需要的地方提取数据。 因此,您可以创建一个上下文并使用该方法从另一个组件获取数据,而不是通过props传递信息。 这将允许父母的孩子彼此交流/共享,而无需经过父母。 使用上下文的缺点是,如果数据得到更新/更改,则依赖于上下文显示某种数据的任何组件都将被重新呈现。 如何使用它? 在一个单独的文件中,您将导入createContext并将实例化一个变量,该变量将调用createContext() 接下来,您将创建一个名为


【文件预览】:
pokemon-cards-react-main
----.gitignore(310B)
----package.json(809B)
----package-lock.json(1.44MB)
----src()
--------components()
--------setupTests.js(241B)
--------getFact.js(536B)
--------index.js(500B)
--------App.js(433B)
--------reportWebVitals.js(362B)
--------getNewFact.js(606B)
--------contexts()
--------App.css(932B)
--------index.css(366B)
--------App.test.js(246B)
----public()
--------robots.txt(67B)
--------logo192.png(5KB)
--------index.html(2KB)
--------favicon.ico(4KB)
--------manifest.json(492B)
--------logo512.png(9KB)
----README.md(3KB)
----.eslintcache(7KB)

网友评论