node.js - 必须使用解构道具分配问题
问题描述
我在 react-native 中制作了一个应用程序,当我尝试将 props 的值之一放在文本上时,我收到如下错误消息:Must use destructuring props assignment
代码是这样的:
<Text style={styles.SubTextButton}>
{props.date1} - {props.date2}
</Text>
道具看起来像这样:
(props: {
text: string
date1: string
date2: string
})
问题是,这实际上不会破坏我的应用程序并且一切正常。但是我想知道这是否可能是代码编写中的格式问题,甚至是ESlinter的错误。
解决方案
您收到此警告是因为在您的 Eslint 中设置了规则:"react/destructuring-assignment": [<enabled>, 'always']
Eslint 希望您使用解构赋值以这种方式编写:
const MyComponent = ({ date1, date2 }) => {
return (
<Text>
{date1} - {date2}
</Text>
)
}
推荐阅读
- html - 将整个 html 页面嵌入到 Vue.js 模板中
- python - 从 set python 中删除第一个重复项并仅保留最后一个唯一的
- java - 如何在 android 中将 zip 文件上传和下载到谷歌驱动器?
- sql - 在第一次出现符号之前从字符串中提取文本
- flutter - 如何在 Flutter 的小部件树中将新的 MaterialPageRoute 作为子项打开
- angular - Angular 9:一种形式的多个 ngb-typeahead?
- php - 添加两个多维 PHP 关联数组
- android - Android Room - 定义 Room 表名、ColumnInfo 等时无法解析方法/符号
- angular - Angular 9:无法通过依赖注入创建该类,因为它没有 Angular 装饰器
- spring - 我可以将 CircleCI 中的环境变量传递给 Spring Boot 中的代码吗?