首页 > web前端 > js教程 > react.js给标识ref,获取内容

react.js给标识ref,获取内容

一个新手
发布: 2017-10-06 10:39:58
原创
2054 人浏览过


import React,{Component} from 'react'import ReactDOM from 'react-dom'class App extends Component{    //给一个初始化状态    constructor(){
        super();        
        this.state={
            result:0
        }
    }
    handChange=()=>{        //获取input a的类容,这个a就是我们给的标识ref="a"
        let a=this.refs.a.value||0;
        let b=this.refs.b.value||0;        //改变状态,更新视图
        this.setState({result:parseFloat(a)+parseFloat(b)})
    }
    render(){        
    return (            <p>
                <input type="text" ref="a" onChange={this.handChange}/>
                +
                <input type="text" ref="b" onChange={this.handChange}/>
                <p>{this.state.result}</p>
            </p>        )
    }
}
ReactDOM.render(<App/>,document.querySelector("#root"))
登录后复制

以上是react.js给标识ref,获取内容的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板