チェックが

Question

自分が常に小道具の方法を発射見つけた場合：

const Menu = (props) => <div style={styles.container} 
        onClick={(ev) => props.menuClick(ev, props.item)}>...</div> 

しかし、これらの方法は、時々オプションです。メソッドが存在する場合にのみ、どのようにメソッドを起動できますか？これは読めないように見える

：

const Menu = (props) => <div style={styles.container} 
    onClick={(ev) => props.menuClick ? props.menuClick(props.item_id, ev) :()=>{} }> 

おそらくそこpropTypeのsomekindは、デフォルト値の事は無名関数を無効にするために取り込まれていないすべての受信方法を変えることができます満たしていますか？

UPDATE：パラメータなしの方法について

、コメント欄で述べたように、これは与えられていない場合でも有効である。

const Menu = (props) => <div style={styles.container} 
        onClick={props.menuClick}>...</div> 

ReactJSはのonClick = {ヌル}

Answer 1

をexceptsでのように

デフォルトの空の関数を含むデフォルトの小道具を使用して、ES6クラスで関数を定義することができます。

class Menu extends Component { 
static defaultProps = { 
    onClick:() => {} 
} 

render() { 
    return(<div style={styles.container} onClick={this.props.onClick}></div>); 
} 
}