先写一个组件为把它放在在 components 文件夹里命名为 Home.jsx
import React, { Component } from 'react' class Home extends Component { render() { return ( <div className="container"> <h1>Hello World!</h1> </div> ) } } export default Home 写好这个组件后我们可以在任何地方用到它： import Home from 'components/Home.jsx' import { render } from 'react-dom' render(( <Home/> ),document.getElementById('app-wrapper'))
当然我们还需要一个 html 来展示它们所有
<html> <head> <meta charset="UTF-8"> <title>Hello World</title> </head> <body> <div id="app-wrapper"></div> <script src="bundle.js"></script> </body> </html>
我想这就是 react 版的 Hello World 了吧
欢迎来到这里！
我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。
注册 关于