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

如何解决我在React Js中编写了代码，但是在localhost中它显示了错误，IDK出了问题所在

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

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'已经声明

解决方法

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

import React from 'react';