1、准备好一个“容器”
2、引入react核心库
3、引入react-DOM用于支持react操作dom
4、引入babel用于将jsx语法转为js
<script type='text/babel'> // 此处一定要写babel
const name = 'hello, react'
const element = <h1>Hello, {name}</h1>; // 此处一定不加引号 jsx语法
const element2 = <h1>Hello, {name}2</h1>; // 此处一定不加引号 jsx语法
ReactDOM.render(
element,
document.getElementById('root')
);
ReactDOM.render(
element2,
document.getElementById('root')
); // 这一句会替换前一句代码内容
</script>
1、准备好一个“容器”2、引入react核心库3、引入react-DOM用于支持react操作dom4、引入bab...
知识点 1、JSX语法 2、React基本语法 3、bower的基本使用 4、babel的...
基本使用 React基本使用 直接渲染 html，相当于 vue 中的 v-html React 事件 ...
18、React中的路由 React中路由的基本使用 在react中使用路由首先需要安装react的路由模块 np...
前端核心问题 如何处理数据和视图之间的关系 react 和 vue 两个区别 => 事件监听 数据渲染 react...
本篇文章在html-webpack-plugin插件使用的基础上 第一步安装包 react：专门用于创建组件和虚拟...
1. react-router 使用 1.1 安装 npm i react-router-dom 1.2 基本使用...
这里主要使用的都是ES6的语法(阮一峰的 ES6入门 )，我自己也在摸索中，在这个项目中会带一些关于语法的解释。可...
使用React构建的单页面应用，要想实现页面间的跳转，就要使用路由 安装 基本操作 然后我们新建3个页面，书院首页...
搭建基本的react项目 我们使用create-react-app[https://github.com/face...
本文标题：3、React的基本使用
本文链接：https://www.haomeiwen.com/subject/lmoleltx.html
网友评论