问题描述
我编写了这段代码,当我想在浏览器中使用它时,它显示了解析错误。
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
作为默认的react导入,然后将您的组件命名为相同的。只需将react的导入更改为正确。
import React from 'react';