React案例二尝试方法有哪些？
- 内容介绍
- 文章标签
- 相关推荐
本文共计269个文字，预计阅读时间需要2分钟。
React 尝试案例二Try 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>
本文共计269个文字，预计阅读时间需要2分钟。
React 尝试案例二Try 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>