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的函数是component
constrenderitem=(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}
    />
  )
}