zoukankan      html  css  js  c++  java
  • react受控组件

    react受控组件

    大的方面:react组件分为函数式组件和类组件

    表单元素而言:分为受控组件和非受控组件

    非受控组件: 只需要在dom元素上面通过ref进行绑定取值即可。

    受控组件: 受到数据的控制,使得react成为唯一的数据源.

    input value={this.state.value} onChange={()=>{this.setState({value:e.target.value})}}

    body>
        <div id="app">
    
        </div>
    
        <script type="text/babel">
            class App extends React.Component{
                constructor(){
                    super()
                    this.state={
                        value:"123"
                    }
                }
                updata=(e)=>{
                    this.setState({
                        value:e.target.value
                    })
                }
                render(){
                    return(
                        <div>
                            <p>{this.state.value}</p>
                        <input  value={this.state.value} onChange={this.updata}/>    
                        </div>
                    )
                }
            }
            
            ReactDOM.render(<App/>,document.getElementById("app"))
        </script>
    </body>
    
    请用今天的努力,让明天没有遗憾。
  • 相关阅读:
    几数之和的题目
    File类
    递归
    Collections
    Map集合
    泛型
    类型通配符
    可变参数
    异常
    Collection集合
  • 原文地址:https://www.cnblogs.com/cupid10/p/13598308.html
Copyright © 2011-2022 走看看