请问老师关于props.children

Question

请问老师ts为什么会报错？

Answer 1

张轩 2020-04-21 12:16:10

同学你好 你用 memo 包裹它以后，类型变成了 NamedExoticComponent 类型，里面没有 children 属性

interface ExoticComponent<P = {}> {
/**
         * **NOTE**: Exotic components are not callable.
         */
    (props: P): (ReactElement|null);
    readonly $$typeof: symbol;
}

interface NamedExoticComponent<P = {}> extends ExoticComponent<P> {
    displayName?: string;
}

可以这样改一下

interface IMenuItemProps {
    index: number,
    children?: React.ReactNode
}

• 提问者 寂寞追不上我 #1

  我就是这么解决的，看来学到了老师的精髓?

Answer 2

Neolu4ever 2022-11-23 00:32:27

同学你好，3-17的课程有提及到 react 18 的更新其中一个变化就是不再默认声明 children 这个参数。你可以再参考下这篇文章 https://juejin.cn/post/7094037148088664078。

希望帮到你。

• 张轩 #1

  谢谢同学的回复，关于这一点我们 React18 中更新内容也已经说明过。

Answer 3

提问者 寂寞追不上我 2020-04-21 11:19:05

另一张图片