React尝试案例二

Posted 2022-02-20 hhh江月

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React尝试案例二相关的知识，希望对你有一定的参考价值。

React尝试案例二

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Try React</title>
            // 面向对象。
            // 面向对象的编程
            class HelloMsg 
                // 这个就是一个类
                constructor(props)
                    // 这个是构造函数
                    this.name = props.name;
                    // 初始化，也就是构造函数了啦。


                    // 进行初始化
                

                Return = ()=>
                    // 自定义的函数
                    return <h1>hello, this.name</h1>
                    // 调用这个对象的name属性
                
                // 自定义函数（类的函数）

            

            // 使用键值对的形式传递参数
            let hyx = new HelloMsg(name:"hyx")
            // 初始化的时候需要使用键值对的形式进行传递参数

            // 传递标签的内容：



            ReactDOM.render(
                // render
                hyx.Return(),
                document.getElementById("root")
            )
            // render


        </script>
    </head>

    <body>

        <div id="root">

        </div>

    </body>

</html>

以上是关于React尝试案例二的主要内容，如果未能解决你的问题，请参考以下文章