首頁猿問 Typescript：TypeEr...

Typescript：TypeError未定義

JavaScript

皈依舞 2019-04-18 10:15:40

我對Typescript和React很新。我一直在嘗試實(shí)現(xiàn)react-rewardsnpm庫，除了一個問題我已解決了所有問題。type Props = {}class Surprisebutton extends Component<Props>{ reward: any; render() { return ( <Reward ref={(ref) => { this.reward = ref }} type='memphis'> <Button onClick={this.reward.rewardMe()} style={styles.button} variant="contained" color="primary"> Surprise! <FavoriteIcon style={{ marginLeft: 10 }} /> </Button> </Reward> ) }}跑完后npm start我得到一個錯誤TypeError: this.reward is undefined。什么是最好的解決方法？

查看完整描述

2 回答

慕容708150

TA貢獻(xiàn)1831條經(jīng)驗獲得超4個贊

它與TypeScript無關(guān)。TS只是一個編譯器和linter，你得到一個運(yùn)行時錯誤。就是這條線：

this.reward.rewardMe()

在ref被分配后的組件完全安裝并rewardMe()試圖立即調(diào)用它。這也是次要的錯誤。您不想使用()調(diào)用或函數(shù)將立即觸發(fā)（并且永不停止）。

這條線應(yīng)該是

<Button onClick={this.reward.rewardMe} style={styles.button} variant="contained" color="primary">

反對回復(fù) 2019-05-17

拉丁的傳說

TA貢獻(xiàn)1789條經(jīng)驗獲得超8個贊

因為我從來沒有使用過這個方案，但根據(jù)文件/我可能是錯的使用率話題。它們不是初始化reward變量。嘗試刪除它，這是固定版本

type Props = {}class Surprisebutton extends Component<Props>{render() {
    return (
        <Reward 
        ref={(ref) => { this.reward = ref }}
        type='memphis'>
            <Button onClick={this.reward.rewardMe()} style={styles.button} variant="contained" color="primary">
                Surprise!
          <FavoriteIcon style={{ marginLeft: 10 }} />
            </Button>
        </Reward>
    )
  }}

我可能錯了，但根據(jù)github頁面，我認(rèn)為這是我唯一可以推斷的東西。

反對回復(fù) 2019-05-17