react input输入值进行绑定

import React, { Component } from 'react'
import '../App.css'

//A其实就是一个简单的高阶组件
export default (title) => WrappedComponent =>
 class A extends Component {
     refc(instance) {//instance指的是WrappedComponent实例
        //  instance.getName && alert(instance.getName());
        }

        render() {
            //对被包裹的组件进行增加属性和删除属性
            //这里删除了age属性，otherProps传递值
            const { age, ...otherProps } = this.props;
            //sex增加了属性
            return (
                <div className="a-container">
                    <div className="header">
                        <div>{title}</div>
                        <div className="xx">X</div>
                    </div>
                    <div>
                        <WrappedComponent sex={'男'} {...otherProps} ref={this.refc.bind(this)}></WrappedComponent>
                    </div>
                </div>
            )
        }
    }

<input type="text" value={this.state.value} onInput={this.changeInput.bind(this)} /><br/>

<p>换种方式写input中的传值方式</p>

<input type="text" {...this.props} />

 

【附注信息  ----> 关注公众号：CS阿吉，大家一起分享更多的技术文章，聊天技术问题。】