旧版浏览器登陆不显示用户名输入框

[junyi5d]

看到登陆页用户名这里是做了判断
const res = await fetch('/api/login', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
password,
...(shouldAskUsername ? { username } : {}),
}),
});

{shouldAskUsername && (

用户名

<input
id='username'
type='text'
autoComplete='username'
className='block w-full rounded-lg border-0 py-3 px-4 text-gray-900 dark:text-gray-100 shadow-sm ring-1 ring-white/60 dark:ring-white/20 placeholder:text-gray-500 dark:placeholder:text-gray-400 focus:ring-2 focus:ring-green-500 focus:outline-none sm:text-base bg-white/60 dark:bg-zinc-800/60 backdrop-blur'
placeholder='输入用户名'
value={username}
onChange={(e) => setUsername(e.target.value)}
/>

)}
旧版的浏览器是不支持这样写还是怎么的，就显示不出对应输入用户名，造成无法登陆

用浏览器兼容模式，也就是IE之类，也是不支持显示出用户名这一栏。没必要对整个用户名输入框加判断吧？