Javascript 不同元素的相同id在react中异常工作？

众所周知，HTML中的不同元素不能使用相同的Id，例如：

import img1 from './images/img1.png'
import img2 from './images/img2.png'
export const Main =()=>{
  return (
    <div>
      <img src={img1} id="image"/> 
      <img src={img2} id ="image"/>
    </div>
  )
}

从“./images/img1.png”导入img1
从“./images/img2.png”导入img2
导出常量Main=（）=>{
返回(
)
}

将引发错误，但当我使用React components渲染图像元素时，它不会出错：

exort const Image =(props)=>{
    return (
      <img src={props.src} id="image"/>
    )
}
import img1 from './images/img1.png'
import img2 from './images/img2.png'
import Image from './image'
const Main =()=>{
    return (
      <div>
        <Image src={img1} />
        <Image src={img2}/>
      </div>
    )
}

exort const Image=（道具）=>{
返回(
)
}
从“./images/img1.png”导入img1
从“./images/img2.png”导入img2
从“./Image”导入图像
常量Main=（）=>{
返回(
)
}

---

有什么解释吗？

我认为react不会因为对多个元素使用相同的id而引起错误。这只是一个警告。在高层，页面呈现为HTML，因此您的代码不会出现任何错误。

ID应该是唯一的，并且每个页面只包含一个元素。如果您需要共享一个ID，请使用类（css）“将引发错误”-不，它不会引发错误。id应该是唯一的，但是没有什么可以阻止你多次使用相同的id。所以，你的问题是为什么react没有“发现”这个问题？@evolutionxbox，是的，我知道，我只是想知道，在react中使用相同的id而不使用任何problem@Andreas，实际上是这样，但当我使用上面显示的React组件时，它起作用了，什么也没发生