[TOC]
## 用命令行 cd到E盤下
> E：
## 1.創建一個react的文件
```
// 是npx 不是 npm （被坑過）
npx create-react-app xxx
xxx是自己自定義文件夾名稱
```
## 2.打開服務器：
yarn start
或者
npm start
# 跑一個helloworld
## 整理目錄至如圖
##index.js
```
import React from 'react';
import ReactDOM from 'react-dom';
import App from './pages/App';
ReactDOM.render(<App />, document.getElementById('root'))
```
## app.js
```
import React, { Component } from 'react';
class App extends Component {
constructor(props){
super(props);
this.state={
msg:"hello world"
}
}
render() {
return (
<div className="App">
hello world
</div>
);
}
/* jsx */
render() {
return (
<div onClick={this.handleclick.bind(this)}>
{this.state.msg}
</div>
)
}
handleclick() {
this.setState({
msg: "change"
})
}
}
export default App;
```
