我在React Js中编写了代码，但在localhost中显示了错误，IDK是问题所在

Question

我写了这段代码，当我想在浏览器中使用它时，它会显示解析错误。

import OnChange from 'react'
export default function OnChange() {
let formData = {};
let change = (e) => {
const { value, name } = e.target;
formData = { ...formData, [name]: value }
};
return (
<form
onSubmit={(e) => {
e.preventDefault();
alert(`${formData.lastName} ${formData.fName}`)
}}
>
<label htmlFor="lastName">Last name</label>
<input
type="text"
onChange={change}
id="lastName"
name="lastName"
value={formData.lastName}
/>
<input
type="text"
onChange={change}
id="lastName"
name="fName"
value={formData.fName}
/>
<button type='submit'>efgrf</button>
</form>
)

}

错误：分析错误：标识符"OnChange"已声明为

Answer 1

您导入了OnChange作为默认的react导入，然后将组件命名为相同的名称。只需更改react的导入即可。

import React from 'react';