React 组件

发布时间：2020-12-15 05:22:26 所属栏目：百科来源：网络整理

导读：html： !DOCTYPE html html head script src = "https://fb.me/react-0.13.3.js" / script script src = "https://fb.me/JSXTransformer-0.13.3.js" / script / head body div id = "hello" / div script type = "text/jsx" var Hello = React.createClass({

html：

<!DOCTYPE html>
<html>
    <head>
        <script src="https://fb.me/react-0.13.3.js"></script>
        <script src="https://fb.me/JSXTransformer-0.13.3.js"></script>
    </head>
    <body>
        <div id="hello"></div>
        <script type="text/jsx"> var Hello = React.createClass({ render: function() { return <h1>Hello,this is {this.props.name}</h1>; } }); React.render(<Hello name="dog" />,document.getElementById('hello')); </script>
    </body>
</html>

上述 Hello 作为一个组件类，可利用属性添加 name 值，组件的概念的确为前端开发提供了无限想象

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!