react实现双向数据绑定

关注

原创最新推荐文章于 2026-03-26 10:41:08 发布 5.6k 阅读 AI 写同款· GEO 优化 ›

第五章 PCIe介绍 5.1-5.7 为什么SSD要用PCIe接口？因为它快，比SATA快。通道，PCIe最多可以有32个通道。两个设备之间的PCIe连接，叫做一个Link。如下图，设备A和设备B是个双向连接，两个PCIe设备之间，有专门的发送和接收通道，数据可以同时往两个方向传输，PCIe Spec称这种工作模式为，可以理解为。和PCIe一样，SATA有独立的发送和接收通道。但与PCIe工作模式不一样，同一时间，SATA只有一条通道可以进行数据传输。这种工作模式称为。与SATA单通道不同，PCIe连接可以通过增加通道数扩展带宽。阅读详情

利用react实现类似vue的双向数据绑定的效果

在使用vue的时候我们都知道，vue自身是双向数据绑定，所以使用自身带的v-model就可以实现双向数据的绑定，而react却是明摆的单向数据绑定，那么如何利用react实现类似的vue的双向数据绑定？

方法如下：

import React, { Component } from 'react'

export default class componentName extends Component {
  constructor(props) {
    super(props)
    this.state = {
			msg:''
    }
  }
  render() {
    return (
      <div>
            <input value={this.state.msg} onChange={this.inputChange}/>
            {this.state.msg} 

      </div>
    )
  }
    changeHandle=(e)=>{
        this.setState({
            msg:e.target.value
        })
    }
    inputChange=()=>{
        
    }
}

首先在input标签中绑定value={this.state.msg}然后在onChange中用setState设置为e.target.value实现了view影响model—》视图影响模型
然后将{this.state.msg} 放在所对应的地方就可以实现model影响view
用这样的方法就能实现双向数据绑定

收录于