flowtypeは、私は、次のカウンターの例を持って

Question

を支える反応行方不明に文句はありませんコンポーネントがhello支柱を受け取っていません。なぜこうなった？

Answer 1

これは不足しているプロパティのエラーを示しています。 <*, Props, *>を<void, Props, void>に変更しました。 Reduxを使用せずにCounterクラスをエクスポートします。

// @flow 
import React, { Component } from 'react' 
import { connect } from 'react-redux' 
import { increment, decrement } from '../actions/counter' 
import type { State } from '../store' 

type Props = { 
    counter: number, 
    increment: Function, 
    decrement: Function, 
    hello: Function // There is no `hello` prop coming in to the component, but there doesn't seem to be an error 
} 

// added export for Counter and void instead of * 
export class Counter extends Component<void, Props, void> { 
    props: Props; 

    render() { 
    const { counter, increment, decrement } = this.props 

    return (
     <div> 
     <h1>{counter}</h1> 
     <button onClick={decrement}>-</button> 
     <button onClick={increment}>+</button> 
     </div> 
    ) 
    } 
} 

function mapStateToProps(state: State) { 
    return { 
    counter: state.counter 
    } 
} 

function mapDispatchToProps(dispatch: Function) { 
    return { 
    increment:() => dispatch(increment()), 
    decrement:() => dispatch(decrement()) 
    } 
} 

export default connect(mapStateToProps, mapDispatchToProps)(Counter) 

カウンター `Counter`コンポーネントが使用されている方法

// @flow 
import React, { Component } from 'react'; 
import {Counter} from './counter'; 

class MainCounter extends Component 
{ 

render() 
{ 
    return (
    <div> 
    <Counter /> 
    </div> 
); 
} 
}