React入门到精通(二)——React基础实例


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
    <script src="js/react.js">script>
    <script src="js/react-dom.js">script>
    <script src="js/browser.min.js">script>
head>
<body>

    <div id="example">div>
    <script type="text/babel">
        var arr = [
        <h1>Hello World!h1>,
        <h2>React is awesomeh2>,
        ];

        ReactDOM.render(
            <div>{arr}div>,
            document.getElementById('example')
        );
    script>
body>
html>

1、这是一个最简单React模板文件,如果不是npm安装,那么就引入三个js文件:

<script src="js/react.js">script>//核心库
<script src="js/react-dom.js">script>//提供dom相关的功能
<script src="js/browser.min.js">script>//负责将jsx转化成javaScript语言

2、添加一个视图区,用于存放生成的html

<div id="example">div>

3、在js中申明type=”text/babel”,babel可以使浏览器识别jsx语言

你可能感兴趣的:(前端框架React系列)