一.准备
项目构建参考《前端实践项目 目录》,也可以选择使用create-react-app这个脚手架去构建项目。
二.安装
npm安装react。
需要使用babel来将ES6语法转化为可兼容旧版浏览器的js语法。同时,webpack编译不了react的jsx语法,也需要babel来转化为可以兼容的js语法。
webpack需要配置使用babel。
三.代码
定义一个元素来挂载react对象。
引用react语法。react中涉及到虚拟dom概念,需要引用react-dom。
开启服务,就可以在网页上看到hello world。
到此这篇react组件框架(react框架搭建)的文章就介绍到这了,更多相关内容请继续浏览下面的相关 推荐文章,希望大家都能在编程的领域有一番成就!版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/yd-react-native/39931.html