我在 laravel reactjs 的 TextInput 组件中遇到了奇怪的问题。
我从 laravel breeze reactjs 得到了组件。 问题是我无法在
<TextInput>
上输入任何内容,但如果我将其更改为 <input>
标签,它就可以正常工作。它工作正常直到今天突然<TextInput>
停止工作,我没有改变任何东西,因为它带有laravel并且它在本地开发中工作正常完全相同的代码除了我没有在本地做npm run build
。
我已经做了
npm run build
并重新启动ssr服务器,没有运气。
这是来自 Login.jsx 的 TextInput 之一
> <TextInput
> id="email"
> type="email"
> name="email"
> value={data.email}
> className="mt-1 block w-full"
> autoComplete="username"
> isFocused={true}
> handleChange={onHandleChange}
>
> />
如果我把它改成这个输入,就可以了
<input
type="email"
name="email"
id="email"
value={data.email}
className={
'border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm mt-1 block w-full'
}
autoComplete="username"
required
onChange={onHandleChange}
/>
似乎通过对组件文件
TextInput.jsx
和CheckBox.jsx
(也被破坏)进行任何更改,组件再次工作。然后再次运行npm run build
.
知道哪里出了问题吗?