microsoft/frontend-bootcamp
1
0
Fork 0
mirror of https://github.com/microsoft/frontend-bootcamp.git synced 2026-01-26 14:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

js updates

Browse Source
This commit is contained in:
Micah Godbolt
2019-02-22 12:21:40 -08:00
parent 3ef69dc570
commit 4f7b9e4747
46 changed files with 200 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
step1-04/README.md
View File

@@ -9,4 +9,4 @@ write index.html
demo 'hello world'
Write Counter Component with button
Demo Button, import into Component
Demo Button, import into Counter

6
step1-04/demo/index.html
View File

@@ -1,6 +0,0 @@
<!DOCTYPE html>
<html>
<body>
<div id="app"></div>
</body>
</html>

14
step1-04/demo/src/App.tsx
View File

@@ -1,14 +0,0 @@
import React from 'react';
import { Counter } from './components/Counter';
export class App extends React.Component {
render() {
return (
<div>
<h2>My App</h2>
<Counter text="Chickens" />
<Counter text="Ducks" />
</div>
);
}
}

24
step1-04/demo/src/components/Counter.tsx
View File

@@ -1,27 +1,11 @@
import React from 'react';
import { Button } from './Button';
export class Counter extends React.Component<{ text: string }, { counter: number }> {
constructor(props) {
super(props);
this.state = {
counter: 0
};
}
export class Counter extends React.Component<any, any> {
render() {
const { counter } = this.state;
const { text } = this.props;
return (
<div>
{text}: {counter}
<Button
onClick={() => {
this.setState({ counter: counter + 1 });
}}
>
Click
</Button>
</div>
);
}
}

4
step1-04/demo/src/index.tsx
View File

@@ -1,4 +0,0 @@
import React from "react";
import ReactDOM from "react-dom";
import { App } from "./App";
ReactDOM.render(<App />, document.getElementById("app"));