前端学习（2225）：react之类定义组件

import React from 'react';
import ReactDOM from 'react-dom';function Childcom() {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() {return ( <div ><h1 >类组件定义HELLOWORLD </h1></div >)}
}ReactDOM.render( <HelloWorld / > ,document.querySelector('#root')
)

运行结果

前端学习（2225）：react之类定义组件相关推荐

【前端学习】React学习资料
React 是一种开源的 JavaScript 库,用于构建用户界面.它由 Facebook 开发并维护,已经成为了当今最流行的前端库之一.与其他框架不同,React 主要专注于视图层(View),旨 ...
【前端学习】React学习笔记-事件、生命周期、虚拟DOMdiffing
跟着尚硅谷的天禹老师学习React 看视频可以直接点击 b站视频地址 React中的事件处理补充ref 上面的ref在React官网中提到不要被过度使用,在一些情况下可以使用其他方法来获取数据,比如 ...
前端学习之React篇-（1）最简React——Html直接引用React
当新手想看看React是什么样的,语法是什么样的,那么这里给出了一个最简单的使用React的方法--就是在html页面中直接引入React的js文件,然后在这个html中直接写react的js即可,简 ...
前端学习（2659）：组件间传参
第一步第二步第三步子组件定义第四步
前端学习（2387）：组件库使用说明
main.js import Vue from 'vue' import App from './App.vue' import router from './router' import './st ...
前端学习（2242）以组件方式创建UI
ui组织形成组件树
前端学习（177）:定义列表
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/ html4/str ...
前端学习（3121）：组件和模块
react学习(10)----react数组定义从0开始直接加个0下标空
{title: '状态',dataIndex: 'status',render: (text, row) => {let arr = ['', '未开始', '进行中', '已结束', '已作废 ...

前端学习（2225）：react之类定义组件

前端学习（2225）：react之类定义组件相关推荐

最新文章

热门文章