React从入门到精通系列之(18)不使用JSX编写React应用
发布时间:2020-12-15 08:16:28 所属栏目:百科 来源:网络整理
导读:十八、不使用JSX编写React应用 React并不是强制要求使用JSX来编写应用。 当您不想在构建时设置并编译JSX,那么在开发阶段只是单独使用React而不去使用JSX会让应用在构建时变得特别方便。 每个JSX元素只是调用 React.createElement(component,props,... chi
十八、不使用JSX编写React应用React并不是强制要求使用JSX来编写应用。 当您不想在构建时设置并编译JSX,那么在开发阶段只是单独使用React而不去使用JSX会让应用在构建时变得特别方便。 每个JSX元素只是调用 例如,使用JSX编写一个组件: class Hello extends React.Component { render() { return <h1>hello zhangyatao</h1>; } } ReactDOM.render(<Hello />,document.getElementById('root')); 上面这段代码会被编译为下面这样: class Hello extends React.Component { render() { return React.createElement('h1',null,'hello zhangyatao'); } } ReactDOM.render(<Hello />,document.getElementById('root')); 如果你很想看到更多的JSX如何转换成JavaScript的例子,你可以试试在线Babel编译器。 组件可以是一个字符串,也可以是继承了 如果您不喜欢一直重复地写 const makeE = React.createElement; ReactDOM.render( makeE('h1','hello zhangyatao'),document.getElementById('root') ) 如果您在使用 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |