react实现双向绑定

import React from 'react';
export default class APP extends React.Component{
constructor(props){
super(props);
this.state = {
message: ""
}
}

     handelChange = (event) => {
        console.log(event.target);
        this.setState({
            message: event.target.value
        })
     }

render(){
    const mess = this.state.message;
        return(
         <div>
            <input type="text" onChange={this.handelChange} value={mess} />
            <b>{mess}</b>
        </div>
    )
}

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 他,骄傲如火,温暖如水,平静如木。可惜时光荏苒,曾经的童真也随之远去,我们也越来越远…… 童年像一首三行情诗,...
    以笔为刃剑指天涯阅读 180评论 0 0
  • 有种惦记是幸福,是对你爱的表达,即使相隔千里,就算过了多年,总有人会把你记在心里时常惦记,珍惜吧,这是你的福分! ...
    荆豆阅读 2,891评论 2 3
  • 今天是星期五,天气更冷了。今天起得有点晚,因为手机停电了。别人可以做到每年如一日的时间准点准时做事,我目前...
    晓可以阅读 196评论 0 0
  • 华裔男子和妻女原本过着平凡而幸福的生活。直到妻子因病去世,男子和女儿相依为命,却彼此不够了解。男主想把世界上最好的...
    丑小羊阅读 479评论 1 4