如何得知prepand是ReactElement类型

Question

老师 请问你是如何判断prepand是ReactElement类型？

type InputSize = 'lg' | 'sm'
export interface InputProps extends Omit<InputHTMLAttributes<HTMLElement>, 'size' > {
  /**是否禁用 Input */
  disabled?: boolean;
  /**设置 input 大小，支持 lg 或者是 sm */
  size?: InputSize;
  /**添加图标，在右侧悬浮添加一个图标，用于提示 */
  icon?: IconProp;
  /**添加前缀 用于配置一些固定组合 */
  prepend?: string | ReactElement;
  /**添加后缀 用于配置一些固定组合 */
  append?: string | ReactElement;
  onChange? : (e: ChangeEvent<HTMLInputElement>) => void;
}

Answer 1

张轩 2021-08-03 09:28:36

同学你好 这个属性是我们自己定的 在这里我们希望两种类型 第一种 字符串不用说，但是还想展示一些更复杂的类型，比如特定的 组件或者 html 结构。所以这里想到要使用 ReactElement（它表示一个 React 组件元素的类型）

• 提问者 ywang04 #1

  非常感谢！

• 提问者 ywang04 #2

  谢谢老师回复 请问我们是否也可以用ReactNode 类型呢?