Блог

я использую react ,и когда я попытался использовать в нем функцию map, у меня было несколько компонентов внутри функции возврата карты.поэтому для того, чтобы содержать, я использовал фиктивный родительский элемент и начал показывать ошибку ** У каждого ребенка в списке должна быть уникальная опора «ключ»**. я не знаю, как включить ключ в фиктивный родительский элемент <>.вы мне поможете.

                            {
                             dataArray.map((item,key)=>{
                                return(
                                     <>

                                    <td key={key}>{item.country}</td>
                                     <td key={key}>{item.city}</td>
                                    </> 
                                )})
                            }



 

Добавив фиктивного родителя, я получаю уникальный ключ этой ошибки.есть ли какой-либо способ удалить ошибку уникального ключа, сохранив оба td в инструкции return

Добавьте ключ к фрагменту, а не к отдельным <td> s:

 {
  dataArray.map((item, key) => {
    return (
      <React.Fragment key={key}>
        <td>{item.country}</td>
        <td>{item.city}</td>
      </React.Fragment>
    );
  })
}