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

Question

我研究时提供的解决方案是基于 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.

Answer 1

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
    ...
}