类型“IntrinsicAttributes & InputProps”.ts(2322) 上不存在属性“占位符”

Question

嗨，我正在制作 email 表格，但我在使用 typescript 时遇到了一些问题。

在 typescript 中使用 rest 道具时出现以下错误。

我究竟做错了什么？ 如何在 typescript 中使用 rest 道具？

↓ 输入.tsx 代码

interface StyledProps {
  type: string;
  id: string;
  value: string;
}
interface InputProps extends StyledProps {
  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
  onBlur?: () => void;
  reset?: () => void;
}

function Input({
  type,
  id,
  value,
  onBlur,
  onChange,
  reset,
  ...res
}: InputProps) {
  console.log("rest",res); //{placeholder: 'enter email address '}
  return (
    <StyledInput
      type={type}
      id={id}
      value={value}
      onChange={onChange}
      onBlur={onBlur}
      {...res}
    />
  );
}

↓ 父代码

  <form onSubmit={submitHandler}>
      <div>
        <Input 
            type="id" 
            id="id" 
            value={userId} 
            **placeholder="enter email address"** // I got the error in here
            onBlur={userIdBlurHander} 
            onChange={userIdChangeHandler} />
      </div>
   </form>