-
React框架是什么 ?
React
是一个 是一个用于构建用户界面的 JavaScript
库,主要用于构建用户UI
界面,很多人认为 React
是 MVC
中的V
(视图)
-
React框架的特点
React
通过对DOM
的模拟,最大限度地减少与DOM
的交互。JSX
是 JavaScript
语法的扩展。React
开发不一定使用 JSX
,但是建议使用它。通过 React
构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。React
实现了单向响应的数据流,从而减少了重复代码。
-
React开发
使用React
开发需要引入两个js
文件,一个是react.min.js
React 的核心库,react-dom.min.js
提供与DOM
相关的功能.
-
简单的React程序
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>react</title>
<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
<!-- 生产环境中不建议使用 -->
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
</head>
<body>
<div id="app"></div>
<script type="text/babel">
let time="2019-07-24";
ReactDOM.render(
<h1>{time}</h1>,
document.getElementById('app')
);
</script>
</body>
</html>
网友评论