Layout 提示报错

Question

老师你好，写代码的过程中Layout 提示报错，但是运行的时候正常，您知道是什么原因吗？

Answer 1

Siio 2022-05-08 22:12:45

如上图，自定义一个 ILayoutProps 类型（其拥有一个children属性，类型为 ReactNode），然后将 ILayoutProps 做为 NextPage 的第一个泛型参数，应该就可以解决上述的类型报错问题了

• Tomas #1

  感谢同学的回答

• weixin_慕勒6073767 #2

  感谢解答

• Tomas #3

  加油加油

点开查看后面2条评论

Answer 2

Tomas 2022-05-06 21:51:20

我看了下我这里是正常的呢

Answer 3

小白龙Q 2022-05-05 21:54:01

同样遇到了这个问题，看源码layout文件并没有类型定义，请问你解决了吗

• Siio #1

  import type { ReactNode } from 'react';
  // ...
  type ILayoutProps = {
    children: ReactNode;
  };
  // ...
  const Layout: NextPage<ILayoutProps> = ({ children }) =>
  // ...

• 小白龙Q 回复 Siio #2

  解决了，感谢！

• Tomas #3

  加油加油

点开查看后面2条评论

Answer 4

Tomas 2022-04-11 23:47:26

这个不是报错，是 Typescript 的类型警告，实际不影响运行，可以参考视频或者源码定义一下 layout 的props 类型就可以