Action | Files | Exports |
---|---|---|
MODIFY | src/App.js | App |
Build the JSX: Create a defined markup structure.
HTML desired output
<div>
<h2>Foo</h2>
<div>
<h4>bar</h4>
<ul>
<li>baz</li>
<li>boz</li>
</ul>
</div>
</div>
- Fetch the articles: use a combination of useState and useEffect to perform the async call and persist the data. You can import the asynchronous method getArticles from the utils folder.
- Update the JSX: iterate over the articles using .map to display the item name in the
<li></li>
yarn test 1