React尝试案例二 ! DOCTYPE html html head meta charset = "UTF-8" / title Try React / title / / 面向对象。 / / 面向对象的编程 class HelloMsg { / / 这个就是一个类 constructor ( props ){ / / 这个是构造函数 this .
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>