github/JavaScriptServices
1
1
Fork 0
mirror of https://github.com/aspnet/JavaScriptServices.git synced 2025-12-22 17:47:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Templates: update React's component's State and Property type

Browse Source
This commit is contained in:
Stephan
2017-05-04 21:55:58 +02:00
committed by Steve Sanderson
parent 214a908c92
commit f2260d572f
10 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/ReactReduxSpa/ClientApp/components/Counter.tsx
View File

@@ -7,7 +7,7 @@ import * as WeatherForecasts from '../store/WeatherForecasts';
type CounterProps = CounterStore.CounterState & typeof CounterStore.actionCreators; type CounterProps = CounterStore.CounterState & typeof CounterStore.actionCreators;
class Counter extends React.Component<CounterProps, void> { class Counter extends React.Component<CounterProps, {}> {
public render() { public render() {
return <div> return <div>
<h1>Counter</h1> <h1>Counter</h1>

2
templates/ReactReduxSpa/ClientApp/components/FetchData.tsx
View File

@@ -10,7 +10,7 @@ type WeatherForecastProps =
& typeof WeatherForecastsState.actionCreators // ... plus action creators we've requested & typeof WeatherForecastsState.actionCreators // ... plus action creators we've requested
& { params: { startDateIndex: string } }; // ... plus incoming routing parameters & { params: { startDateIndex: string } }; // ... plus incoming routing parameters
class FetchData extends React.Component<WeatherForecastProps, void> { class FetchData extends React.Component<WeatherForecastProps, {}> {
componentWillMount() { componentWillMount() {
// This method runs when the component is first added to the page // This method runs when the component is first added to the page
let startDateIndex = parseInt(this.props.params.startDateIndex) || 0; let startDateIndex = parseInt(this.props.params.startDateIndex) || 0;

2
templates/ReactReduxSpa/ClientApp/components/Home.tsx
View File

@@ -1,6 +1,6 @@
import * as React from 'react'; import * as React from 'react';
export default class Home extends React.Component<void, void> { export default class Home extends React.Component<{}, {}> {
public render() { public render() {
return <div> return <div>
<h1>Hello, world!</h1> <h1>Hello, world!</h1>

2
templates/ReactReduxSpa/ClientApp/components/Layout.tsx
View File

@@ -5,7 +5,7 @@ export interface LayoutProps {
body: React.ReactElement<any>; body: React.ReactElement<any>;
} }
export class Layout extends React.Component<LayoutProps, void> { export class Layout extends React.Component<LayoutProps, {}> {
public render() { public render() {
return <div className='container-fluid'> return <div className='container-fluid'>
<div className='row'> <div className='row'>

2
templates/ReactReduxSpa/ClientApp/components/NavMenu.tsx
View File

@@ -1,7 +1,7 @@
import * as React from 'react'; import * as React from 'react';
import { Link } from 'react-router'; import { Link } from 'react-router';
export class NavMenu extends React.Component<any, void> { export class NavMenu extends React.Component<{}, {}> {
public render() { public render() {
return <div className='main-nav'> return <div className='main-nav'>
<div className='navbar navbar-inverse'> <div className='navbar navbar-inverse'>

2
templates/ReactSpa/ClientApp/components/Counter.tsx
View File

@@ -4,7 +4,7 @@ interface CounterState {
currentCount: number; currentCount: number;
} }
export class Counter extends React.Component<any, CounterState> { export class Counter extends React.Component<{}, CounterState> {
constructor() { constructor() {
super(); super();
this.state = { currentCount: 0 }; this.state = { currentCount: 0 };

2
templates/ReactSpa/ClientApp/components/FetchData.tsx
View File

@@ -6,7 +6,7 @@ interface FetchDataExampleState {
loading: boolean; loading: boolean;
} }
export class FetchData extends React.Component<any, FetchDataExampleState> { export class FetchData extends React.Component<{}, FetchDataExampleState> {
constructor() { constructor() {
super(); super();
this.state = { forecasts: [], loading: true }; this.state = { forecasts: [], loading: true };

2
templates/ReactSpa/ClientApp/components/Home.tsx
View File

@@ -1,6 +1,6 @@
import * as React from 'react'; import * as React from 'react';
export class Home extends React.Component<any, void> { export class Home extends React.Component<{}, {}> {
public render() { public render() {
return <div> return <div>
<h1>Hello, world!</h1> <h1>Hello, world!</h1>

2
templates/ReactSpa/ClientApp/components/Layout.tsx
View File

@@ -5,7 +5,7 @@ export interface LayoutProps {
body: React.ReactElement<any>; body: React.ReactElement<any>;
} }
export class Layout extends React.Component<LayoutProps, void> { export class Layout extends React.Component<LayoutProps, {}> {
public render() { public render() {
return <div className='container-fluid'> return <div className='container-fluid'>
<div className='row'> <div className='row'>

2
templates/ReactSpa/ClientApp/components/NavMenu.tsx
View File

@@ -1,7 +1,7 @@
import * as React from 'react'; import * as React from 'react';
import { Link } from 'react-router'; import { Link } from 'react-router';
export class NavMenu extends React.Component<any, void> { export class NavMenu extends React.Component<{}, {}> {
public render() { public render() {
return <div className='main-nav'> return <div className='main-nav'>
<div className='navbar navbar-inverse'> <div className='navbar navbar-inverse'>