警告: React不识别DOM元素上的`FirstName`属性

<input name="firstName" />

<input data-firstname="John" />

const inputElement = document.querySelector('input');
console.log(inputElement.dataset.firstname); // 输出: John

const MyComponent = (props) => {
  return <div>{props.FirstName}</div>;
};

// 使用组件时传递自定义属性
<MyComponent FirstName="John" />

import React from 'react';

const MyComponent = (props) => {
  return <div>{props.FirstName}</div>;
};

const App = () => {
  return (
    <div>
      {/* 使用标准HTML属性 */}
      <input name="firstName" />

      {/* 使用自定义数据属性 */}
      <input data-firstname="John" />

      {/* 在自定义组件中使用自定义属性 */}
      <MyComponent FirstName="John" />
    </div>
  );
};

export default App;