前端学习(2226):react之组件
index.js
import React from 'react';
import ReactDOM from 'react-dom';function Childcom(props) {console.log(props)let title = < h2 > 我是副标题 < /h2>let weather = "下雨"let isGo = weather == '下雨' ? "不出门" : "出门"return ( <div ><h1 > 函数式组件 helloworld < /h1> { title } <div >是否出门? <span > { isGo } < /span> < /div ></div >)
}
class HelloWorld extends React.Component {render() {console.log(this)return ( <div ><h1 >类组件定义HELLOWORLD </h1> <Childcom / ></div >)}
}ReactDOM.render( <HelloWorld name = "geyap" / > ,document.querySelector('#root')
)
运行结果
前端学习(2226):react之组件相关推荐
- React学习(六)-React中组件的数据-state
虽互不曾谋面,但希望能和你成为笔尖下的朋友 以读书,技术,生活为主,偶尔撒点鸡汤 不作,不敷衍,意在真诚吐露,用心分享 点击左上方,可关注本刊 撰文 | 川川 ID:suibichuanji 点击下方 ...
- 【前端学习】React学习资料
React 是一种开源的 JavaScript 库,用于构建用户界面.它由 Facebook 开发并维护,已经成为了当今最流行的前端库之一.与其他框架不同,React 主要专注于视图层(View),旨 ...
- React学习(6)-React中组件的数据-state
前言 组件中的state具体是什么?怎么更改state的数据? setState函数分别接收对象以及函数有什么区别? 如何划分组件的状态数据,进行自我的灵魂拷问,以及props与state的灵魂对比 ...
- 【前端学习】React学习笔记-事件、生命周期、虚拟DOMdiffing
跟着尚硅谷的天禹老师学习React 看视频可以直接点击 b站视频地址 React中的事件处理 补充ref 上面的ref在React官网中提到不要被过度使用,在一些情况下可以使用其他方法来获取数据,比如 ...
- react学习(46)----react渲染组件
const element = <div />; 不过,React 元素也可以是用户自定义的组件: const element = <Welcome name="Sara& ...
- 前端学习之React篇-(1)最简React——Html直接引用React
当新手想看看React是什么样的,语法是什么样的,那么这里给出了一个最简单的使用React的方法--就是在html页面中直接引入React的js文件,然后在这个html中直接写react的js即可,简 ...
- 帮我写一个前端页面,使用react,组件使用antd,页面中需要有一个表格,表格包含序号、名称、创建日期。表格可以分页显示...
好的,下面是一个使用 React 和 Antd 实现的带有分页的表格的示例: import { Table, Pagination } from 'antd';const columns = [{ti ...
- 前端学习(2554):组件基础和组件注册
- 前端学习(1233):组件化开发思想
- 前端学习(1232):组件化开发开始
最新文章
- 怎么将jenkins打包后的war自动部署到jetty上? 1
- Java删除properties配置文件中指定键值的代码
- 无限遍历,Python实现在多维嵌套字典、列表、元组的JSON中获取数据
- Spartacus同SAP Commerce Cloud交互的示意图
- linux c通过文件描述符以及write和read方法对文件进行读写
- sql server 比较大小
- 中望CAD的引线标注格式怎么改_大神总结的CAD设计五个段位 快来看看你在哪个阶段...
- 【Linux学习】vim编辑器的使用
- html语言代码 输入文字,html语言教程文字代码:
- VC890D万用表弹片图片
- 高通骁龙各代处理器解析
- 川大计算机学硕调剂专硕,19双非考研川大计算机学院专硕经验~
- 私钥、证书、USBKey
- 猴子摘香蕉问题python_用Basic STRIPS算法求解猴子和香蕉
- linux内核 超线程设置,linux – 为什么在启用超线程后性能会变差?
- Redis(三) Redis的持久化 RDB与AOF
- C++ 使用Poco库操作SQLite数据库
- 上午写了一段代码,下午就被开除了。。。
- 4.jetson更换python版本
- C++ throw()关键词:一个被C++标准抛弃的玩意儿
热门文章
- 深入分析Spring 与 Spring MVC容器
- python基础-02
- [Android]在Dagger 2中使用RxJava来进行异步注入(翻译)
- 线性表的各种基本操作
- 【设计模式】五、单例模式(独一无二的对象)
- python渲染光线_python模板渲染配置文件
- docker mysql.sock,Docker mysql主从配置
- type-c接口图片_TypeC接口除了充电还能干吗?这些功能都不知道,简直是在浪费...
- python端口扫描工具_Python实现的多线程端口扫描工具分享
- mysql 导出dmp文件_一文带你了解MySQL主从复制(Master-Slave)