Javascript 如何验证功能组件内部声明的功能组件的道具?
如何修复在功能组件内部声明的功能组件的道具验证 对于我的示例,需要验证行数据、样式道具Javascript 如何验证功能组件内部声明的功能组件的道具?,javascript,reactjs,eslint,react-proptypes,Javascript,Reactjs,Eslint,React Proptypes,如何修复在功能组件内部声明的功能组件的道具验证 对于我的示例,需要验证行数据、样式道具 function renderRow({ rowData, style }) 函数应用程序({data,user}){ //道具/道具类型中缺少行数据 //道具/道具类型中缺少样式 函数renderRow({rowData,style}){ /*行需要函数参数中的道具和函数组件范围中的变量*/ 返回( ) } 返回( ) } 我知道这没有道理,但我不知道为什么它要求验证道具 如果renderRow是一个
function renderRow({ rowData, style })
函数应用程序({data,user}){
//道具/道具类型中缺少行数据
//道具/道具类型中缺少样式
函数renderRow({rowData,style}){
/*行需要函数参数中的道具和函数组件范围中的变量*/
返回(
)
}
返回(
)
}
我知道这没有道理,但我不知道为什么它要求验证道具
如果
renderRow
是一个react组件,则应正确命名,即renderRow
。您是否尝试过renderRow.propTypes={/*定义propTypes*/}代码>?您确定renderRow
实际上是一个组件,而不是一个返回JSX的实用函数吗?您有一个可复制的示例吗?我很确定这不会引发验证,这毫无意义@我认为返回JSX的函数是componentconstrenderitem=(item,count,index)=>Hi
是一个返回JSX的函数,但不是react组件。许多react组件解决方案处理呈现列表/表格数据等。。倾向于使用“renderItem/renderRow”函数。只需尝试renderRow={({rowData,style})=>{…}
而不在正文中声明函数
function App({ data, user }) {
// rowData is missing in props validation eslintreact/prop-types
// style is missing in props validation eslintreact/prop-types
function renderRow({ rowData, style }) {
/* Row require props from function params and vars from functional component scope*/
return (
<Row
user={user}
rowData={rowData}
style={style}
/>
)
}
return (
<Table
data={data}
renderRow={renderRow}
/>
)
}