Warning: Received `true` for a non-boolean attribute `xxx`

最新推荐文章于 2024-02-14 17:45:48 发布
最新推荐文章于 2024-02-14 17:45:48 发布
阅读量1.2w 收藏
点赞数 1
分类专栏： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41049816/article/details/109296782
版权

在设置属性的值，使用了三元表达式

<CreateForm isedit={props.isEdit ? true : false} />

发现报错：Warning: Received `true` for a non-boolean attribute `isedit`.   接收到非布尔属性

 

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

解决方案：可以使用1和0的方式来代替true和false。

github：https://github.com/styled-components/styled-components/issues/1198

<CreateForm isedit={props.isEdit ? 1 : 0} />

 

_Jester
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HeavyPoly-Pie-Boolean:HP Pie布尔菜单+ WM菜单
05-14
HP Pie Boolean是一个加载项，可在编辑模式或对象模式下快速使用布尔值。 该代码最初由Vaughan Ling开发，他提供了一些更出色的工具，您可以在找到。 饼图布尔菜单的预览 弹出布尔菜单预览 工作流程 观看此视频，...
Lexer-Parser-for-Boolean-Expressions:语言接受布尔表达式的简单词法分析器
04-02
要扫描和解析路径为“ filepath”的文件：1.运行“ ml-lex Lexer.lex”。2.运行“ ml-yacc Parser.yacc”。3.运行sml和tyep'使用“ loader.sml”;' 在sml命令行中。 4.在sml命令行中运行命令'scanParse“ ... 5....
已解决 Bug: Warning: Received `true` for a non-boolean attribute ‘disabled‘ (React) 问题
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
11-10 474
大家好，是你们的老朋友猫头虎博主！🐱 🖱 今天，我们要聊聊React里的一个常见警告，它会在控制台中吓你一跳，就像一个突如其来的猫跳！这个警告通常是因为属性类型不匹配引起的。别担心，我们会一起查明原因，并修正这个前端小Bug。让我们一起潜入代码的世界，找出这个小疑难杂症的解决方案！🔎这个React警告是个小问题，但它提醒我们在前端开发中类型的重要性。正确地传递属性类型不仅能够避免警告，还能增强代码的可读性和健壮性。就像一只猫头虎总是准确地落在脚下一样，我们的代码也应该尽可能地无懈可击。🐾。
猫头虎分享已解决Bug || Warning: Received `true` for a non-boolean attribute ‘disabled‘ in React ‍
最新发布
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
02-14 692
大家好，猫头虎前端技术博主在此！今天，我们将深入探究React中一个常见的警告：“Warning: Receivedtrue这个问题通常发生在我们将一个非布尔值赋给本应为布尔类型的属性时。别担心，让猫头虎带你领略这个问题的来龙去脉，并提供一系列详细的解决方案。让我们一起确保你的React代码更加精准和高效！问题原因检查点解决策略属性类型错误属性值类型确保使用正确的类型React和HTML的差异JSX属性使用理解并遵守React的JSX规则不正确的属性使用属性的条件渲染。
reactjs 警告解决
jinglier520的专栏
11-18 5062
1、Warning: getDefaultProps was defined on GraphComponent, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps ins...
react警告之react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18.dva
weixin_54079103的博客
06-06 1200
使用dva开发react项目时,使用react17版本的方式行不通。react警告之react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18.dva
Warning: Received `false` for a non-boolean attribute `selectable`.
weixin_39818813的博客
05-13 1197
完整报错如下： //收到非布尔属性' selectable '的' false '。 //如果你想把它写入DOM，传递一个字符串:selectable="false"或selectable={value.toString()}。 //如果您以前使用selectable={condition && value}有条件地忽略它，那么传递selectable={condition ?值:undefined}。 devScripts.js:6523 Warning: Received `fa
Test_sget_boolean.rar_sget-boolean
09-23
`Test_sget_boolean.rar`是一个压缩包，包含了对`sget-boolean`进行测试的源代码文件`Test_sget_boolean.c`。下面我们将深入探讨这个测试用例以及可能涉及的相关知识点。 1. **单元测试框架**：`DxTestCase`可能是...
rust-geo-booleanop:Martinez-Rueda多边形裁剪算法的Rust实现
05-10
地理形状的布尔运算 这是在锈中的，可以平滑地集成到已经存在的地理空间库。 实际上，该实现紧密遵循JavaScript中的“引用”实现： : 。 大多数概念和固定装置都是从那里获取的。 目前，该实现包含其自己的splay树...
A Ciphertext-Policy Attribute-Based Encryption Scheme Supporting Keyword Search Function
02-09
As for the privacy and security reasons, sensitive data should be encrypted prior to outsourcing. However, encrypted data will hamper efficient query processing and fined-grained data sharing. In ...
创建React项目报错以及解决方案
qq_44015417的博客
07-10 2588
首先打开黑窗口 执行node -v 不能执行的话去配置下node相关的环境变量，环境没有配置好的原因Error: Cannot find module C:\Users…\react-scripts\bin\react-scripts.js at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15) at Functio1.进入项目目录删除该文件 2.进行初始化 node install 再
React常见错误（一）
qq_52126119的博客
05-13 1455
React错误：react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more:
接收到非布尔属性 Warning: Received `false` for a non-boolean attribute `xxx`
热门推荐
天心天地生的博客
03-18 1万+
问题描述 控制台报错 接收到非布尔属性 Warning: Received 'false' for a non-boolean attribute 'xxx' 报错代码定位 解决过程 搜索Warning: Received 'false' for a non-boolean attribute,查看github上的解决方案 github上的解决方案-Warning: Received ‘tru...
react警告之react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18.
weixin_45866961的博客
10-08 3879
react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more:
Warning: Received `false` for a non-boolean attribute `xxx`.
weixin_30240349的博客
10-20 2299
React对boolean类型的attribute的识别方式问题，可以采用以下方法解决： xxx={value ? 1 : 0} 改成数字的写法，不用布尔值。 具体可以参考：https://github.com/styled-components/styled-components/issues/1198 转载于:https://www.cnblogs.com/mengf...
boolean attribute及其规范取值
wuyujin1997的博客
03-29 1251
intro 布尔属性，常见于表单的控件。 有checked, selected, required, disabled, enabled等等。 规范取值 不出现在元素的开始标签。视为false。 <option> 出现在元素的开始标签。出现皆视为true。 取值为属性的名称字符串。 <option selected="selected"> 最小化形式(属性名单独出现即可...
valueerror: cannot mask with non-boolean array containing na / nan values
06-28
这个错误是由于在使用掩码（mask）时，掩码数组中包含了缺失值（NA或NaN）而导致的。掩码数组必须是布尔类型的，因为它用于指示哪些值应该被保留或排除。如果掩码数组中包含了缺失值，就无法确定哪些值应该被保留或...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值