reactjs - 我在 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”已被声明

标签： reactjs

Answer 1

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

import React from 'react';