javascript - Prop 验证中缺少 react / Prop 类型

我研究时提供的解决方案是基于 React 类而不是 React 函数,我只是 React 的新手。

我从父组件调用子组件并将值作为“数据”传递。在子组件中,我使用 props 检索值。

ParentComponent.js

<ChildComponent data={1}/>

ChildComponent.js

function ChildComponent(props) {
    const { data } = props.data;
    ...
}

上面给出了以下错误信息:

src\components\ChildComponent\ChildComponent.js Line 5:11: 'data.data' is missing in props validation react/prop-types Line 5:29: 'data' is missing in props validation react/prop-types

Search for the keywords to learn more about each error.

最佳答案

props 正在收集您传递给 ChildComponent

的所有属性

你的数据应该是这样的

function ChildComponent(props) {
    const { data } = props; //object destructuring
    ...
}

或者像这样

function ChildComponent(props) {
    const data = props.data //access data directly and assign a new variable
    ...
}

关于javascript - Prop 验证中缺少 react / Prop 类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71476702/

相关文章:

javascript - 我将如何在 P5.js 的 Canvas 上的两个位置之间创建点?

c++ - 没有非空函数的返回语句是否是未定义的行为,其中控制永远不会结束?

c++ - 为什么 deques 默认用作堆栈的底层容器,而 vectors 可以做到这一点?

python - 给定一个数字,找到到达它的序列

vue.js - Vitest 与 Quasar 的集成

typescript - 我可以根据参数更改返回类型吗

laravel - 如何通过单击进入 vs 代码中的一个类

html - 如何使用 html + Tailwind CSS 使表格可滚动

reactjs - webpack-cli : Invalid options object. De

r - 取消列出嵌套列表的倒数第二个列表