Описание тега react-key-index
2
ответа
Пример образца кода реакции не работает
Я хотел бы использовать расширение response-key-index для генерации уникальных идентификаторов. Я пытался реализовать их пример, но независимо от того, что я делаю, он все равно выдает мне ту же ошибку: TypeError: Hashids не является конструктором с…
23 июл '19 в 06:10
1
ответ
React Error уникальный "ключевой" параметр. Хотя ключ уникальный
Я собираюсь взять список фильмов и показать их. Каждый фильм имеет уникальное значение id, и я хочу использовать его в качестве ключа. Но возникает ошибка: index.js:1 Предупреждение: каждый дочерний элемент в списке должен иметь уникальную "ключевую…
24 июл '20 в 12:50
2
ответа
Реагировать на ключи со строкой и индексом
Согласно документации React, они не рекомендуют использовать ключ в качестве индекса. но есть ли проблема с использованием индекса и строкового значения. как ниже один, transactionDetail.map((item,index) => <div key={`transaction-{index}`}>…
05 июн '20 в 13:17
1
ответ
Влияет ли useMemo на ключевые компоненты?
При работе с динамическим числом компонентов React просит разработчиков предоставить уникальный ключ, чтобы не возникла эта ошибка: Каждый дочерний элемент в списке должен иметь уникальную "ключевую" опору. Скажем, каждый ребенок показывает свой зна…
09 ноя '19 в 20:21
1
ответ
React keys - рендеринг 2 повторяющихся элементов в списке - как избежать такого же ключевого предупреждения, поскольку одни и те же элементы предназначены без использования индекса в качестве ключа?
У меня есть галерея предметов. 2 элемента всегда будут одинаковыми для игры с картой памяти (запомнив 2 совпадающих изображения). Теперь, если я сопоставлю, я получаю сообщение об ошибке, что каждый ребенок должен иметь уникальный ключ, поскольку я …
18 фев '20 в 21:35
2
ответа
Что делать, если нет возможности создавать уникальные ключи?
У меня сложный набор данных, поэтому для примера покажу очень упрощенную версию. Входные данные: const data = [ { type: "input", caption: "Name", defaultValue: "John Smith" }, { type: "input", caption: "Name", defaultValue: "John Smith" }, { type: "…
22 май '20 в 12:59
2
ответа
В ReactJS использование индекса массива в качестве ключа считается неэффективным, но я не могу заставить его работать неправильно?
Я не могу заставить его работать неправильно, если я использую индекс в качестве ключа. Единственный способ - это изменить массив и использовать индекс в качестве ключа. Но поскольку в документах говорится, что не следует изменять состояние (массив)…
18 фев '20 в 18:10
0
ответов
Понимание использования ключей в React
У меня есть простой пример отрисовки списка в React: render() { return ( <ul> {this.state.cards.map(({ data }, index) => ( <li key={index} onClick={() => this.remove(index)}> {data} </li> ))} </ul> ); } remove = index =…
26 мар '20 в 14:26
1
ответ
Что заставляет текст поля ввода не переупорядочиваться в примере ReactJS страницы Reconciliation?
На странице ReactJS Reconciliation есть два примера: пример проблем, которые могут быть вызваны использованием индексов в качестве ключей обновленная версия того же примера, показывающая, как отказ от использования индексов в качестве ключей исправи…
19 фев '20 в 04:07
3
ответа
Предупреждение: каждый дочерний элемент в списке должен иметь уникальную "ключевую" опору. Даже после установки ключа уже
Я использую реакцию во внешнем интерфейсе и node, express и mongoose в серверной части. Я уже ввел ключ ={uniqueid} в файлы, но все равно получаю сообщение об ошибке. Вот полная ошибка (и): index.js:1 Warning: Each child in a list should have a uniq…
15 окт '20 в 15:27
1
ответ
Генерация уникальных идентификаторов и узлов элементов JSX - React
Сейчас у меня небольшая головная боль. Я создаю платформу для викторин с помощью React, и в настоящее время у меня есть компонент вопросов, который использует, где внутри вы можете добавить столько, сколько захотите. Однако я хочу, чтобы эти ответы …
12 ноя '20 в 19:42
2
ответа
Как работает React Key
Я прочитал эту статью о том, «почему использование индекса в качестве ключа - это антипаттерн», и мне стало любопытно, почему мой проект так хорошо работает с ключевой матрицей на основе индекса. Я работал над проектом тетриса, и каждую секунду матр…
06 апр '21 в 15:38
0
ответов
как заставить перемонтировать reactNode?
Я пытаюсь сбросить компонент в своих детских реквизитах. function ActionsMenu({ children }: { children: ReactNode }){ return ( <Dropdown onOpen={ /* trigger remount */ } placeholder="actions ▼"> {children} </Dropdown> } Я мог бы легко сд…
24 июн '21 в 13:51
4
ответа
ReactJS продолжает запрашивать ключ: Предупреждение: каждый дочерний элемент в списке должен иметь уникальную «ключевую» опору. Проверьте метод рендеринга PostCard.
Я не знаю, почему реакция продолжает просить ключ, даже когда ключ добавлен. У меня есть компонент, который отображает некоторые сообщения, но каждое сообщение отображается в собственном компоненте, и он находится внутри компонента, который поступае…
03 июл '21 в 13:42
2
ответа
"реагировать" Каждый дочерний элемент в списке должен иметь уникальную "ключевую" опору.
Ошибка возникает из-за того, что значение ключа не вводится в функцию карты, но я не знаю, как изменить код. Массив имеет такую структуру: const tabContArr=[ { tabTitle:( <span className={activeIndex===0 ? "is-active" : ""} onClick={()=>tabC…
18 ноя '21 в 12:32
0
ответов
Ключ React в обертке
Просматривая нашу кодовую базу, я нашел код, который выглядит примерно так: const Carousel = ({ items }) => { return ( <CarouselOuter> {items.map((item) => ( <CarouselItemWrapper> <CarouselItem key={item.key}> ... </Carous…
29 мар '21 в 21:43
1
ответ
Реагировать на удаление товаров из корзины по индексу с помощью хука useCallback
Я пытаюсь добавить функцию, которая удаляет элемент из компонента корзины покупок, щелкнув onClick, который запускает функцию removeProductFromCartAtIndex useCallback. До сих пор мне удалось успешно добавить товары в корзину, но когда я использую on…
29 апр '22 в 21:10
1
ответ
Насколько уникальным должен быть ключ/идентификатор в React?
Итак, я обычно делаю супер-пупер уникальные идентификаторы и ключи для компонентов, которые в этом нуждаются. Но интересно, насколько уникальными они должны быть? Если они не живут в одном родителе, важно ли, что они разные? Поделитесь опытом и мысл…
26 апр '22 в 13:13
1
ответ
Я пытаюсь предоставить uuidv4 в качестве ключевой опоры в элементе списка заголовков, но он выдает мне предупреждение и запрашивает уникальный ключ в качестве опоры.
// This is my routes which I'm trying to map through const Header = () => { const routes = [ { id: 1, name: 'Home', link: '/' }, { id: 2, name: 'Blogs', link: '/blogs' }, { id: 3, name: 'Contact', link: '/about' } ]; //Since providing index as k…
07 май '22 в 21:35
1
ответ
Почему React.createPortal допускает использование ключей, таких как элементы списка, а другие вещи, такие как <Suspense>, — нет?
Я видел некоторые API в ReactJs, позволяющие использовать ключи , например<React.Fragment>, но в то же время<React.Suspense>не имеет ключей. Теперь конкретно, почемуReact.createPortal разрешить ключ, например, элементы списка? Мое исслед…
29 июн '23 в 09:10