react学习

最新推荐文章于 2025-05-07 22:21:10 发布

转载最新推荐文章于 2025-05-07 22:21:10 发布 · 267 阅读

前端专栏收录该内容

12 篇文章

订阅专栏

本文介绍使用React结合AntDesign框架构建企业级管理后台的过程及示例。通过具体案例展示如何快速搭建美观且实用的管理界面。

1.基于antdesign 前端框架搭建的企业后台管理软件

2.用React和Ant Design搭建的一个通用管理后台

3.react小例子

<!DOCTYPE html>
<html>
<head>
    <script src="https://unpkg.com/react@15/dist/react.js"></script>
    <script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
</head>
<body>
<div id="container"></div>
<script type="text/babel">

    /*var Buttonify = React.createClass({
        render: function() {
            return (
                    <div>
                        <button type={this.props.behavior}>{this.props.children}</button>
                    </div>
            );
        }
    });
    ReactDOM.render(
            <div>
                <Buttonify behavior="Submit">SEND DATA</Buttonify>
            </div>,
        document.querySelector("#container")
    );*/

    class MyTitle extends React.Component {
        render() {
            return <h1>Hello World</h1>;
        }
    };

    ReactDOM.render(
            <MyTitle/>,
        document.querySelector("#container")
    );


    /*  var destination = document.querySelector("#container");
     ReactDOM.render(
     <div>haha</div>, destination);*/
</script>

</body>

</html>