码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-09-23 21:32:17      阅读:361      评论:0      收藏:0      [点我收藏+]

标签:super   and   ret   set   col   状态   获取   res   port   

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 (
            <div>
                <input type="text" ref="a" onChange={this.handChange}/>
                +
                <input type="text" ref="b" onChange={this.handChange}/>
                <p>{this.state.result}</p>
            </div>
        )
    }
}

ReactDOM.render(<App/>,document.querySelector("#root"))

 

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

标签:super   and   ret   set   col   状态   获取   res   port   

原文地址:http://www.cnblogs.com/null11/p/7582298.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!