diff --git a/13-React基础/02-JSX语法介绍.md b/13-React基础/02-JSX语法介绍.md index 6af84b0..7bd0f5e 100644 --- a/13-React基础/02-JSX语法介绍.md +++ b/13-React基础/02-JSX语法介绍.md @@ -527,10 +527,3 @@ index.html: - - - - - - - diff --git a/13-React基础/06-React中与on相关的属性.md b/13-React基础/06-React中与on相关的属性.md new file mode 100644 index 0000000..bc17ccc --- /dev/null +++ b/13-React基础/06-React中与on相关的属性.md @@ -0,0 +1,105 @@ + + +## 单项数据绑定 + + +在 Vue 中,可以通过 v-model 指令来实现双向数据绑定。但是,在 React 中并没有指令的概念,而且 **React 默认不支持 双向数据绑定**。 + +React 只支持,把数据从 state 上传输到 页面,但是,无法自动实现数据从 页面 传输到 state 中 进行保存。 + +React中,只支持单项数据绑定,不支持双向数据绑定。不信的话,我们来看下面这个例子: + + +```java +import React from "react"; + +export default class MyComponent extends React.Component { + constructor(props) { + super(props); + + this.state = { + msg: "这是 MyComponent 组件 默认的msg" + }; + } + + render() { + return ( +