小编Pet*_*len的帖子

我对 React 相当陌生，但想知道适用于常规 DOM 的相同限制是否也适用于 React DOM，在本例中是 HTML 元素 ID 的唯一性。我之所以这么问，是因为在我目前正在使用的代码中，我发现了一个复选框组件，该组件将 ID 作为属性并将其设置在子元素上。虽然这只会在实际 DOM 中渲染一个具有 ID 的元素，但在 React DOM 中现在将有两个具有 ID 的元素，除了子元素之外，组件本身也会拥有它。

const Checkbox = ({
  label,
  name,
  id,
  allowLabelHtml = false,
  checked = false,
  className = "checkbox-element",
  onCheck = () => {},
  onUncheck = () => {},
  onChange = value => (value ? onCheck() : onUncheck()),
  onBlur = () => {},
  labelClass = ""
}) => (
  <div className={className}>
    <input
      id={id}
      name={name}
      type="checkbox"
      className="standard-checkbox-style"
      onChange={() => onChange(!checked)}
      checked={checked}
      onBlur={onBlur} …