Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>Tabs</title>
- <script src="http://cdnjs.cloudflare.com/ajax/libs/react/0.11.1/react.js"></script>
- <script src="http://cdnjs.cloudflare.com/ajax/libs/react/0.11.1/JSXTransformer.js"></script>
- <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
- </head>
- <body>
- <div id="content"></div>
- <script type="text/jsx" src="tabs.js"></script>
- <script type="text/jsx">
- /**
- * @jsx React.DOM
- */
- React.renderComponent(<Tabs><Tab title="Tab1"></Tab><Tab title="Tab2"></Tab></Tabs>, document.getElementById('content'));
- </script>
- </body>
- </html>
- /**
- * @jsx React.DOM
- */
- var Tab = React.createClass({
- render: function() {
- return (
- <li className="tab">
- {this.props.title}
- </li>
- );
- }
- });
- var Tabs = React.createClass({
- render: function() {
- return (
- <ul className="tabs">
- {this.props.children}
- </ul>
- );
- }
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement