1234567891011121314151617181920212223242526272829303132333435 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <script src="../js/babel.min.js"></script>
- <script src="../js/react.development.js"></script>
- <script src="../js/react-dom.development.js"></script>
- </head>
- <body>
- <div id="root"></div>
- <script type="text/babel">
- let rain = '雨天'
- let userName = {
- firstName: '张',
- lastName: '三'
- }
- function getName(userName) {
- return `${userName.firstName} ${userName.lastName}`
- }
- function name() {
- return 'name'
- }
- const paragraph = (
- <div>
- <p>这是一个段落{rain}---{1+1}---{true+1}--{false}--{true}</p>
- <p>这是第二个段落{userName.firstName}---{getName(userName)}---{name()}</p>
- </div>
- )
- const root = document.getElementById('root')
- ReactDOM.createRoot(root).render(paragraph)
- </script>
- <body>
- </html>
|