JS方法显示未定义的简单示例

时间:2016-04-29 17:10:35

标签: javascript ios reactjs

也许只是星期五的心灵...

这是我的代码..

  class LoginScreen extends Component {

  constructor(props){
    super(props);
    this.state = {
      isLoading: ''
    };
  }

  onLoginPressed() {
    console.log('hit');
    this.setState({ isLoading: true });
    console.log(this.state);
    this.onParselUrl('hey');
  }

  onParseUrl(data) {
    console.log('Parse URL hit');
    console.log(data);
  }
}

这是我的React Native应用程序中的部分。

我正在呼叫this.onLoginPressed.bind(this),我在控制台中获得了第一个hit。 当我尝试将其链接到第二种方法onParseUrl时,我会收到错误。

我已经尝试了this.onParseUrlonParseUrl,我尝试过无论是否使用params都无法使用。

ReactNative正在崛起......

this.onParseUrl is not a function. (In 'this.onParseUrl('hey')', 'this.onParseUrl' is undefined)

有点疑惑,我确信我遗漏了一些基本的东西!

干杯

1 个答案:

答案 0 :(得分:1)

你有一个错字

this.onParselUrl("hey"); 

应该是

this.onParseUrl("hey");

此外,在this.setState()之后运行代码是危险的,应该避免:setState()触发组件的重新渲染,因此无法保证执行任何代码。