vue和react的事件传参和refs的区别

React中的事件传参

<button onClick = { this.fn.bind(this, ‘a’, ‘b’ ) }></ button>
fn ( a,b,event ) { }

vue中的事件传参

<button onClick = { fn(‘a’, ‘b’ ) }></ button>
fn ( a,b,event ) { }

React中的受控组件

受控组件
表单的value值受state数据的控制，配合change事件修改state的值，value的值就会自动跟着改变
非受控组件
就是DOM的那种处理方式
<input type=“text”
// 受控组件,表单的value值受state数据的控制，配合change事件修改state的值，value的值就会自动跟着改变
value={ this.state.userName }
onChange = { (event) => {
this.setState({
// 输入的值赋值给username同步更新至value和输出
userName :event.target.value
})
} }/>{ this.state.userName }
就是双向绑定

react中的ref方法

< div>
姓名：< input type=“text” ref=“password” />
</ div>
<button onClick = { this.getDate }> 获取数据 < /button>
getDate = () => {
this.refs可以直接获取到该输入框中的value值，但是refs已经过时，可以用但不推荐
password: this.refs.password.value
}

react中的createRef方法

React.createRef创建一个能够通过ref属性附加到React元素的ref
userNameRef = React.createRef()
< div>
refs不能用，所以应该使用新版的createref来获取数据
current获取输入框，value获取值
姓名：<input type=“text” ref= { this.userNameRef } />
</ div>
userName: this.userNameRef.current.value

vue中的ref方法

< base-input ref=“usernameInput”>< base-input>

现在在你已经定义了这个 ref 的组件里，你可以使用：
this.$refs.usernameInput