面向组件编程

基本使用

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>React</title>
</head>
<body>

<div id="app"></div>

<script src="js/react.development.js"></script>
<script src="js/react-dom.development.js"></script>
<script src="js/babel.js"></script>
<script type="text/babel">

    //定义组件
    function MyComponent() {
        return <h1>组件</h1>;
    }

    //渲染组件
    ReactDOM.render(<MyComponent/>, document.getElementById('app'));

</script>
</body>
</html>

猜你喜欢

转载自www.cnblogs.com/stefzi/p/10982559.html