2019-11-06

Property 'date' does not exist on type 'Readonly<{}>'

tsx文件中设置了状态，需对state进行类型约束，不然就会报此类错误。

interface IState {
  date: Date
}

class Clock extends Component<{}, IState>{
  constructor (props) {
    super(props)
    this.state = {
      date: new Date()
    }
  }
  render () {
    const { date } = this.state //如果没有IState约束，会报错Property 'date' does not exist on type 'Readonly<{}>'
    return (
      <View>
        <Text>Hello, World!</Text>
        <Text>现在时间是 {date.toLocaleTimeString()}</Text>
      </View>  
    )
  }
}