06——react组件的基本定义和使用
2024-09-20 19:34:30
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>03_componment_basic</title> </head> <body> <div id="example1"></div> <div id="example2"></div> <script type="text/javascript" src="../js/react.development.js"></script> <script type="text/javascript" src="../js/react-dom.development.js"></script> <script type="text/javascript" src="../js/babel.min.js"></script> <script type="text/babel"> //一、.定义组件 //方式1:工厂函数组件(简单组件) function MyComponent() { return <h2>工厂函数组件(简单组件)</h2> } //方式2:es6类组件(复杂组件)(通过创建MyComponent2的实例调用render方法) class MyComponent2 extends React.Component { render() { return <h2>es6类组件(复杂组件)</h2> } } //二、渲染组件标签 ReactDOM.render(<MyComponent/>, document.getElementById('example1')); ReactDOM.render(<MyComponent2/>, document.getElementById('example2')); </script> </body> </html>
最新文章
- 【设计模式】单例模式 c++实现
- redhat yum 从 iso 安装
- [原]Unity3D深入浅出 - 雾效(Fog)
- Android 多渠道打包原理和使用
- 一个字 word 是16位, 一个字由两个字节组成 , 字节=byte ,一个字节8位, 位=bit 如果没有特殊说明kb 就是指 k*bit
- [r]Seven habits of effective text editing
- Java SE 8 for the Really Impatient读书笔记——Java 8 Lambda表达式
- pyfits例子
- redis做RDB时请求超时case
- noip普及组2004 FBI树
- BZOJ 1923: [Sdoi2010]外星千足虫 [高斯消元XOR]
- 对 /dev/shm 认识
- JS 图片放大镜
- socketserver和socket的补充(验证客户端合法性)
- C# 错误集锦
- mknod语法
- HOOK NTFS 禁止格式化
- XCode 无法识别设备
- 复选框、单选框 jquery判断是否选中Demo
- LR开发接口脚本