夺命雷公狗-----React---18--value和defaultValue的区别

<!DOCTYPE>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="./js/react.js"></script>
        <script src="./js/react-dom.js"></script>
        <script src="./js/browser.min.js"></script>
        <style>
            *{ margin:0px;  padding:0px;}

        </style>
    </head>
    <body>
        <div id="dome"></div>
        <div id="test"></div>
        <script type="text/babel">
            var Fix = React.createClass({
                render:function(){
                    return(
                        <div>
                            user:<input type="text" name="user" value="UpdataNO" /><br /><br />
                            name:<input type="text" name="username" defaultValue="updateOK" />
                        </div>
                    );
                }
            });
            ReactDOM.render(
                <Fix />,
                document.getElementById(‘dome‘)
            );
        </script>
    </body>
</html>

效果如下所示:

时间: 2024-08-28 09:24:31

夺命雷公狗-----React---18--value和defaultValue的区别的相关文章

夺命雷公狗—angularjs—18—angularjs的事件

对于一款前端框架,提起事件,很容易让人联想到DOM事件,比如说鼠标点击以及页面滚动等.但是我们这里说的angular中的事件和DOM事件并不是一个东西. 事件的发布 我们可以通过 $emit() 以及 $broadcast() 来发布事件 $emit(name, args) name 发布的事件名称      args 会作为对象传递到事件的监听器中      $emit() 发布的事件,会从子作用域冒泡到父作用域,产生事件的作用域之上的所有作用域都会收到这个事件的通知. $broadcast(

夺命雷公狗-----React---9--map数据的遍历

比如我们要实现的是这种效果: 用这种方法来写,她只能写死在哪,没啥意思,所以我们定义一个数据,然后来测试下map方法对她遍历出来的数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="./js/react-with-addons.

夺命雷公狗-----React---9--组建嵌套进行数据遍历

先写一个组建... 然后进行嵌套.. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="./js/react-with-addons.js"></script> <script src="

夺命雷公狗-----React---8--react官方提供的组建实现双向绑定

首先要引入她.. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="./js/react-with-addons.js"></script> <script src="./js/react

夺命雷公狗-----React---4--props变量的传递

提示:props的值是不可以改变的... <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="./js/react.js"></script> <script src="./js/react

夺命雷公狗-----React---3--标签的规则

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="./js/react.js"></script> <script src="./js/react-dom.js"><

夺命雷公狗-----React---5--props对象的传递

提示:props的值是不可以改变的... <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="./js/react.js"></script> <script src="./js/react

夺命雷公狗-----React---1--页面的渲染

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="./js/react.js"></script> <script src="./js/react-dom.js"><

夺命雷公狗-----React---11--添加类和样式

<!DOCTYPE> <html> <head> <meta charset="utf-8"> <title></title> <script src="./js/react.js"></script> <script src="./js/react-dom.js"></script> <script src="

夺命雷公狗-----React---2--组建

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="./js/react.js"></script> <script src="./js/react-dom.js"><