2021-05-19

单项数据绑定

在 Vue 中，可以通过 v-model 指令来实现双向数据绑定。但是，在 React 中并没有指令的概念，而且 React 默认不支持 双向数据绑定。

React 只支持，把数据从 state 上传输到 页面，但是，无法自动实现数据从 页面 传输到 state 中 进行保存。

React中，只支持单项数据绑定，不支持双向数据绑定。不信的话，我们来看下面这个例子：

import React from "react";

export default class MyComponent extends React.Component {
   
  constructor(props) {
   
    super(props);

    this.state = {
   
      msg: "这是 MyComponent 组件 默认的msg"
    };
  }

  render() {
   
    return (
      <div>
        <h3>呵呵哒</h3>
        <input type="text" value={
   this.state.msg} />
      </div>
    );
  }