Javascript React子函数参数proptype检查
应该如何检查子函数参数Javascript React子函数参数proptype检查,javascript,reactjs,react-proptypes,Javascript,Reactjs,React Proptypes,应该如何检查子函数参数proptype 如果我们有如下包装器组件: const FirstInnerComponent=()=>(1); const SecondInnerComponent=()=>(2); const WrapperOne=({children})=>( {子项(第一个InnerComponent,第二个InnerComponent)} ); 当我们使用它时: {(第一内部,第二内部)=>( )} 如果我们的FirstInnerComponent具有如下类型的propt
proptype
如果我们有如下包装器组件:
const FirstInnerComponent=()=>(1);
const SecondInnerComponent=()=>(2);
const WrapperOne=({children})=>(
{子项(第一个InnerComponent,第二个InnerComponent)}
);
当我们使用它时:
{(第一内部,第二内部)=>(
)}
如果我们的FirstInnerComponent
具有如下类型的proptype:
FirstInnerComponent.propTypes={
someProp:PropTypes.object.isRequired,
};
正如我们所期望的,我们应该使用forcedsomeProp
调用FirstInnerComponent
。但是我们应该如何使用propType呢
FirstInnerComponent.propTypes = {
someProp: PropTypes.object.isRequired,
};
这意味着您应该调用FirstInnerComponent
,使用名为someProp
的参数作为字符串和required
,但如果您不想使用它,编译器不会引发错误,但如果您看到控制台,您将看到一条红线警告
,即使您再次将其用作数组或对象,也会看到红色线路警告
另一个词
PropTypes导出一系列可用于确保
您收到的数据是有效的
您确定
vscode
支持这种类型的编码吗?确切地说,我将它用于大型项目,请参见此处: