您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

react 传入属性值为false报错

react 传入属性值为false报错

一个自定义的组件CustomComponent,其中一个属性的值为false|string

xxx.tsx

type Props = {
    radius: false|string
} & HTMLAttributes<HTMLDivElement>

function CustomComponent({radius, children, ...rest}:Props) {
    console.log(radius)

    return (
        <div {...rest}>
            {children}
        </div>
    )
}

function App() {
    return (
        <CustomComponent radius={false}>{/*就这玩意报错*/}
            child
        </CustomComponent>
    )
}

上面代码,只要把radius设置为false就会报错:(报错也不会对组件造成任何影响)


然而,MaterialContainer组件也采用了false的属性值,人家可没报错

也尝试了分析人家的源码,无奈功力不够,搞不明白其中的一二


上面的报错让我把false改为'false';查阅了相关资料,也有人使用0来代替false可我就是想用false 怎样可以解决这个报错?

react.js 2022/2/19 17:49:17 有361人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶