探究React(二)React without JSX

写在前面:在React中使用JSX不是必须的,如果不想在build环境中添加解析器,React without JSX是很方便的

JSX的只是React的语法糖,用来代替
React.createElement(component, props, …children)

举例来说:
使用JSX

return (
     <div>Hello {this.props.test}</div>
)

不使用JSX

return (
     React.createElement('div',null,`Hello ${this.props.test}`)
)

使用JSX

<Hello test="test"></Hello>

不使用JSX

React.createElement(Hello,{test: "test"},null)

写在最后:

多次使用React.createElement时,可以使用e来替代使用。 const e = React.createElement;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值