如何得知prepand是ReactElement类型
来源：9-2 抛砖引玉 - Input 组件伪代码实现
ywang04
2021-08-02
老师 请问你是如何判断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;
}
写回答
1回答
-
同学你好 这个属性是我们自己定的 在这里我们希望两种类型 第一种 字符串不用说，但是还想展示一些更复杂的类型，比如特定的 组件或者 html 结构。所以这里想到要使用 ReactElement（它表示一个 React 组件元素的类型）
022021-08-03
相似问题