接收到非布尔属性 Warning: Received `false` for a non-boolean attribute `xxx`

问题描述

控制台报错 接收到非布尔属性 Warning: Received 'false' for a non-boolean attribute 'xxx'

报错代码定位

解决过程

搜索Warning: Received 'false' for a non-boolean attribute,查看github上的解决方案
github上的解决方案-Warning: Received ‘true’ for non-boolean attribute ‘gray’.

解决方案

React对boolean类型的attribute的识别方式问题，可以采用以下方法解决：

xxx={value ? 1 : 0}

改成数字的写法，不用布尔值。

示例图片

问题出现原因

React对boolean类型的attribute的识别方式问题