错误TS2339：属性＆＃39;项目＆＃39;类型＆＃39; Readonly＆lt; {}＆gt;＆＃39;上不存在。 usnig在SPX中做出反应

Question

我正在使用反应处理SPFX问题并且我一直收到错误： - 错误 - typescript - src \ webparts \ reactReadWebpart \ components \ ReactReadWebpart.tsx（101,25）：错误TS2339：属性＆＃39;项目＆＃39;类型＆＃39; Readonly＆lt; {}＆gt;＆＃39;上不存在。 见下面的截图

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

在你的问题中设置一流的代码格式，你会得到错误，因为组件的状态被描述为这一行中的空对象

React.Component<IReactReadWebpartProps, {}> 

所以你可能应该定义它，因此typescript会知道会发生什么。某些类型或接口将包含items字段。