Reactコンポーネントが小道具を期待しているかどうかを確認するにはどうすればいいですか？

Question

Modalにさまざまなコンポーネントをラップしようとしていますが、それをサポートするすべての子にcloseModalプロパティが渡されます。

現在、私はすなわち、this postに従い、親が近い方法で渡す必要があることを知らせるためにJSプロパティclosesModalを使用しています：

React.Children.map(
    this.props.children, 
    child => (
    child.closesModal ? 
     React.cloneElement(child, { closeModal: this.close }) : 
     child 
) 
) 

は、これは私が欲しいものを達成について移動する公正な方法ですが、 Reactコンポーネントをイントロスペクトしてプロパティが必要かどうかを調べる方法がありますか？ここで

Answer 1

が同じのためのサンプル例です。

import PropTypes from 'prop-types'; // for React version React >=v15.5 

class Greeting extends React.Component { 

    render() { 
    return (
     <h1>Hello, {this.props.name}</h1> 
    ); 
    } 
} 

Greeting.propTypes = { 
    // This indicates name should be passed as props from parent. 
    name: PropTypes.string.required 
}; 

ドキュメント：https://facebook.github.io/react/docs/typechecking-with-proptypes.html