Блог

Главная - Вопросы по программированию - Возможно ли это в методе hi-hack React render, чтобы назначить настраиваемый префикс для ключа?

Возможно ли это в методе hi-hack React render, чтобы назначить настраиваемый префикс для ключа?

#reactjs

#reactjs

Вопрос:

Я получил компонент react, у которого есть метод рендеринга, который сгенерирует список компонентов. Внутри метода рендеринга, который сгенерировал компоненты, назначается ключ, и это отлично работает!

Но проблема в том, что когда я отображаю два компонента на одной странице, у него будет дублированная ошибка. Это произошло потому, что метод рендеринга присваивает то же значение ключа.

Возможно ли назначить prefix в сгенерированном компоненте ключе, не изменяя код внутри метода компонента? Спасибо.

Комментарии:

1. Ключ AFAIK должен быть уникальным на одном уровне. таким образом, рендеринг двух компонентов не должен приводить к дублированию ключа.

2. Если этот компонент возвращает массив, то два родственных компонента будут иметь два массива на одном уровне. Если это так, то обертывание компонентов в div или что-то подобное должно помочь.

Ответ №1:

Похоже, вы используете индекс в качестве ключей для рендеринга. Пожалуйста, не используйте его. Вместо этого, если у вас есть доступ к Lodash, используйте метод UniqueID (), который выполняет всю работу за вас. Больше не нужно беспокоиться о дубликатах ключей.