必须使用破坏性道具分配问题

Question

我当时正在开发一个本机应用程序，当我尝试将props值之一放在文本上时，出现如下错误消息：Must use destructuring props assignment

代码是这样的：

<Text style={styles.SubTextButton}>
      {props.date1} - {props.date2}
</Text>

道具如下：

(props: {
  text: string
  date1: string
  date2: string
})

问题是，这实际上不会破坏我的应用程序，并且一切正常。但是我想知道这可能是代码编写中的格式问题，还是ESlinter的错误。

Answer 1

收到此警告是因为在Eslint中设置了规则："react/destructuring-assignment": [<enabled>, 'always']

Eslint希望您使用解构分配以这种方式编写：

const MyComponent = ({ date1, date2 }) => {
  return (
    <Text>
      {date1} - {date2}
    </Text>
  )
}