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

Add <any, any> props/state to React components to prevent compiler errors

Browse Source
This commit is contained in:
Elizabeth Craig
2019-02-28 13:58:42 -08:00
parent 88425249ea
commit 4c440c8ac3
14 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
export class App extends React.Component { export class App extends React.Component<any, any> {
render() { render() {
let text = 'My App'; let text = 'My App';
return ( return (

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

@@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
export class Counter extends React.Component { export class Counter extends React.Component<any, any> {
render() { render() {
return <p>hello</p>; return <p>hello</p>;
} }

2
step1-04/final/src/App.tsx
View File

@@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import { Counter } from './components/Counter'; import { Counter } from './components/Counter';
export class App extends React.Component { export class App extends React.Component<any, any> {
render() { render() {
return ( return (
<div className="App"> <div className="App">

2
step1-05/demo/src/App.tsx
View File

@@ -3,7 +3,7 @@ import { TodoFooter } from './components/TodoFooter';
import { TodoHeader } from './components/TodoHeader'; import { TodoHeader } from './components/TodoHeader';
import { TodoList } from './components/TodoList'; import { TodoList } from './components/TodoList';
export class TodoApp extends React.Component { export class TodoApp extends React.Component<any, any> {
render() { render() {
return ( return (
<div> <div>

2
step1-05/demo/src/components/TodoHeader.tsx
View File

@@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
export class TodoHeader extends React.Component { export class TodoHeader extends React.Component<any, any> {
render() { render() {
return ( return (
<header> <header>

2
step1-05/demo/src/components/TodoListItem.tsx
View File

@@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
export class TodoListItem extends React.Component { export class TodoListItem extends React.Component<any, any> {
render() { render() {
return <div />; return <div />;
} }

2
step1-05/exercise/src/App.tsx
View File

@@ -3,7 +3,7 @@ import { TodoFooter } from './components/TodoFooter';
import { TodoHeader } from './components/TodoHeader'; import { TodoHeader } from './components/TodoHeader';
import { TodoList } from './components/TodoList'; import { TodoList } from './components/TodoList';
export class TodoApp extends React.Component { export class TodoApp extends React.Component<any, any> {
render() { render() {
return ( return (
<div> <div>

2
step1-05/exercise/src/components/TodoHeader.tsx
View File

@@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
export class TodoHeader extends React.Component { export class TodoHeader extends React.Component<any, any> {
render() { render() {
return ( return (
<header> <header>

2
step1-05/exercise/src/components/TodoListItem.tsx
View File

@@ -1,6 +1,6 @@
import React from "react"; import React from "react";
export class TodoListItem extends React.Component { export class TodoListItem extends React.Component<any, any> {
render() { render() {
return ( return (
<li className="todo"> <li className="todo">

2
step1-05/final/src/TodoApp.tsx
View File

@@ -3,7 +3,7 @@ import { TodoFooter } from './components/TodoFooter';
import { TodoHeader } from './components/TodoHeader'; import { TodoHeader } from './components/TodoHeader';
import { TodoList } from './components/TodoList'; import { TodoList } from './components/TodoList';
export class TodoApp extends React.Component { export class TodoApp extends React.Component<any, any> {
render() { render() {
return ( return (
<div> <div>

2
step1-05/final/src/components/TodoHeader.tsx
View File

@@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
export class TodoHeader extends React.Component { export class TodoHeader extends React.Component<any, any> {
render() { render() {
return ( return (
<header> <header>

2
step1-05/final/src/components/TodoListItem.tsx
View File

@@ -1,6 +1,6 @@
import React from "react"; import React from "react";
export class TodoListItem extends React.Component { export class TodoListItem extends React.Component<any, any> {
render() { render() {
return ( return (
<li className="todo"> <li className="todo">

2
step1-06/demo/src/TodoApp.tsx
View File

@@ -3,7 +3,7 @@ import { TodoFooter } from './components/TodoFooter';
import { TodoHeader } from './components/TodoHeader'; import { TodoHeader } from './components/TodoHeader';
import { TodoList } from './components/TodoList'; import { TodoList } from './components/TodoList';
export class TodoApp extends React.Component { export class TodoApp extends React.Component<any, any> {
render() { render() {
return ( return (
<div> <div>

2
step1-06/demo/src/components/TodoListItem.tsx
View File

@@ -1,6 +1,6 @@
import React from "react"; import React from "react";
export class TodoListItem extends React.Component { export class TodoListItem extends React.Component<any, any> {
render() { render() {
return ( return (
<li className="todo"> <li className="todo">