React
React with Flow verwenden

Einführung

Bemerkungen

Verwenden von Flow zum Prüfen von Statustypen von statuslosen Funktionskomponenten

type Props = {
  posts: Array<Article>,
  dispatch: Function,
  children: ReactElement
}

const AppContainer =
  ({ posts, dispatch, children }: Props) => (
    <div className="main-app">
      <Header {...{ posts, dispatch }} />
      {children}
    </div>
  )

Verwenden von Flow zum Überprüfen der Stempeltypen

import React, { Component } from 'react';

type Props = {
  posts: Array<Article>,
  dispatch: Function,
  children: ReactElement
}

class Posts extends Component {
  props: Props;

  render () {
    // rest of the code goes here
  }
}