extraneous non-props attributes (class)

extraneous non-props attributes (class)是指在React组件中，存在非prop属性的情况。在React中，组件的数据流是通过props来进行传递的，即父组件通过props将数据传递给子组件。props属性是只读的，只能由父组件传递给子组件，子组件不能直接修改props值。

然而，有时候我们可能会犯一些错误，把非prop属性添加到组件中。这些非prop属性可以是任何属性，例如class属性。当这些属性被添加后，它们将会与React的props属性混淆在一起，导致代码变得混乱和难以维护。

要解决这个问题，我们应该避免在组件中添加非prop属性。如果确实需要在组件中使用类似的属性，应该通过props来传递。如果需要给组件添加类名，可以使用className属性代替。例如：

function MyComponent(props) {
  return <div className={props.className}>{props.children}</div>;
}

// 使用MyComponent组件，并给其添加类名
<MyComponent className="my-class">Hello, World!</MyComponent>

在这个例子中，我们将父组件中的className通过props传递给子组件，子组件中使用className属性来添加类名，避免了使用非prop属性。

通过遵循React的props传递机制，我们可以更好地组织和管理组件的代码，使其更易于理解和维护。