当前位置：首页 > wzjs >正文

成都农产品网站建设方案最能打动顾客的十句话

wzjs 2025/7/26 9:49:01

成都农产品网站建设方案,最能打动顾客的十句话,seo的中文名是什么,长春万网网站建设一、本质 React.createElement即h函数，返回vnode第一个参数，可能是组件，也可能是html tag组件名，首字母必须大写（React规定） 二、babel试一试 （babel集成了jsx的编译环境） // JSX…

一、本质

React.createElement即h函数，返回vnode
第一个参数，可能是组件，也可能是html tag
组件名，首字母必须大写（React规定）

二、babel试一试（babel集成了jsx的编译环境）

// JSX 基本用法
const imgElem = <div id="div1"><p>some text</p><img src={imgUrl}/>
</div>

在这里插入图片描述

// JSX style
const styleData = { fontSize: '30px',  color: 'blue' }
const styleElem = <p style={styleData}>设置 style</p>

在这里插入图片描述

// JSX 加载组件
const app = <div><Input 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

查看全文

http://www.dtcms.com/wzjs/73677.html