错误 TS2339：属性 'items' 在类型 'Readonly<{}>' 上不存在。在 SPX 中使用反应

Question

我正在使用 React 处理 SPFX 问题，但我不断收到错误 :- 错误 - 打字稿 - src\webparts\reactReadWebpart\components\ReactReadWebpart.tsx(101,25)：错误 TS2339：属性 'items' 在类型 'Readonly<{}>' 上不存在。请参阅下面的屏幕截图

export 
default class
ReactReadWebpart
extends 
React.Component<IReactReadWebpartProps, {}> {

  public
constructor(props:
IReactReadWebpartProps,
state:
IReactReadWebpartState){ 

    super(props); 

    this.state
= {  

      items: [ 

        { 

         
"EmployeeName":
"", 

         
"EmployeeId":
"", 

         
"Experience":"", 

         
"Location":""

        } 

      ]  

    };  

  }

错误 state.items 低于

{this.state.items.map(function(item,key){ 

              

              
return (<div
className={styles.rowStyle}
key={key}> 

                  
<div
className={styles.CellStyle}>{item.EmployeeName}</div> 

                  
<div
className={styles.CellStyle}>{item.EmployeeId}</div> 

<div
className={styles.CellStyle}>{item.Experience}</div>

<div
className={styles.CellStyle}>{item.Location}</div>

        

                
</div>); 

             })}

提前致谢

Answer 1

将您问题中的第一个 class 代码格式设置放在一边，您收到错误是因为组件的状态在此行中被描述为一个空对象

React.Component<IReactReadWebpartProps, {}>

所以你可能应该定义它，这样打字稿就会知道会发生什么。某些类型或接口将包含 items 字段即可。

错误 TS2339：属性 'items' 在类型 'Readonly<{}>' 上不存在。在 SPX 中使用反应

error TS2339: Property 'items' does not exist on type 'Readonly<{}>'. usnig react in SPX

reactjs

spfx