TinaCMS content update by Cassidy

Co-authored-by: @cassidoo <1454517+cassidoo@users.noreply.github.com>
This commit is contained in:
tina-cloud-app[bot]
2023-10-28 00:38:01 +00:00
committed by Cassidy Williams
parent 00e928810f
commit 5d69821475

View File

@@ -14,7 +14,7 @@ Whenever you want to render a list of something in React, you need to add a `key
2. **Keys should not be random IDs** - if an ID is a random number generated during a render, then your items will have all new keys every time the state in your component changes. That being said, if you generate unique IDs when creating the data, that's different and okay. 2. **Keys should not be random IDs** - if an ID is a random number generated during a render, then your items will have all new keys every time the state in your component changes. That being said, if you generate unique IDs when creating the data, that's different and okay.
3. **Keys should probably not be just the item's `index`** - if you plan on changing the order of your list, or adding or deleting items, then the indices will change whenever the list changes, and that will throw React off. 3. **Keys should probably not be just the item's `index`** - if you plan on changing the order of your list, or adding or deleting items, then the indices will change whenever the list changes, and that will throw React off.
Here's a good example of a `key` being set properly, using an `id` in the list:: Here's a good example of a `key` being set properly, using an `id` in the list:
```jsx ```jsx
const CityList = () => { const CityList = () => {