先写一个组件为把它放在在 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 了吧
欢迎来到这里！
我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。
注册 关于