使用帝国备份王搬迁织梦网站,免费编程网课,暴疯团队seo课程,泰安微网站建设一、本质
React.createElement即h函数#xff0c;返回vnode第一个参数#xff0c;可能是组件#xff0c;也可能是html tag组件名#xff0c;首字母必须大写#xff08;React规定#xff09;
二、babel试一试 #xff08;babel集成了jsx的编译环境#xff09;
// JSX…一、本质
React.createElement即h函数返回vnode第一个参数可能是组件也可能是html tag组件名首字母必须大写React规定
二、babel试一试 babel集成了jsx的编译环境
// JSX 基本用法
const imgElem div iddiv1psome text/pimg src{imgUrl}/
/div// JSX style
const styleData { fontSize: 30px, color: blue }
const styleElem p style{styleData}设置 style/p// JSX 加载组件
const app divInput submitTitle{onSubmitTitle}/List list{list}/
/div// JSX 事件
const eventList p onClick{this.clickHandler}some text
/p// JSX list
const listElem ul{this.state.list.map((item, index) {return li key{item.id}index {index}; title {item.title}/li
})}/ul三、总结
// 总结 React.createElement(‘div’, null, [child1, child2, child3]) React.createElement(‘div’, {…}, child1, child2, child3) React.createElement(List, null, child1, child2, ‘文本节点’) // h 函数 // 返回 vnode // patch
