关于react绑定事件中的this

关于react事件中的this指针问题:

如果我们在react时间中,如果不绑定this,那么方法执行的时候是找不到this的:

比如下面的情况:

import React from 'react'
import Logo from '../../component/logo/logo'
import {List,InputItem,WingBlank,WhiteSpace,Button} from 'antd-mobile'

class Login extends React.Component{
    constructor(props){
        super(props)
    }

    register(){
        this.props.history.push('/register')
    }
    render (){
        return (
            

登录页

) } } export default Login;
这里面的执行会直接报错,因为找不到this。


解决办法:

这个时候,在执行上面的函数,我们就可以找得到this了。


关于传参和原生event参数的问题,可以这么写

方法函数如下:
    register(name,event){
        console.log(name);
        event.preventdefault();
        console.log(this.state.data);
    }
这样来写,可以获取到传参,也可以拿到this,也可以拿到事件的默认参数。我们在申明时间的时候,可以不绑定event,但是一定要绑定this,而且还是第一个参数就要绑定this,传参紧跟其后面。







你可能感兴趣的:(前端)