eslint 错误“必须使用解构道具分配”答案

【问题标题】：eslint error "Must use destructuring props assignment "eslint 错误“必须使用解构道具分配”
【发布时间】：2021-11-17 05:26:18
【问题描述】：

有人知道我是如何解决这个错误的吗？我的代码是这样工作的，但是我得到了这个错误，我尝试了几种方法，但我不知道如何修复它。

  13:17  error    Must use destructuring props assignment



export default function Cadastro(props) {
  const Email = props.user.email;

  console.log(Email);

  const email = Email;

我的道具是这样得到的：

export const getServerSideProps = async ({ req }) => {
  const { user } = await getSession({ req });

  return {
    props: {
      user,
    },
  };
};

【问题讨论】：

试试这个：const { email: Email } = props.user; 另外你也可以做function Cadastro({ user })
或const { user: { email }} = props; - 虽然我个人的偏好是@MorKadosh 的语法

标签： reactjs next.js eslint

【解决方案1】：

你必须改变：

export default function Cadastro(props) {
  const Email = props.user.email;

收件人：

export default function Cadastro({ user }) {
  const Email = user.email; 
  // ...

另外，考虑到您必须为您期望的任何道具执行此操作。喜欢：

export default function Cadastro({ user, prop1, prop2, ..., propN })

【讨论】：