是的，组件可以提供函数类型的属性。在执行 prop 函数之前，您可以将事件处理程序直接绑定到通过 props 传递的函数，或者在内部组件方法中执行某些操作。请注意，您不能更改所提供函数的定义，一旦目标组件被初始化，它就不会更新。

此外，在许多情况下，您必须在传入的函数上使用 bind 以维护正确的上下文。

根据您的示例，它应该如下所示：

var SmallMessageBox = React.createClass({



  propTypes: {
    message: React.PropTypes.string.isRequired,
    onClick: React.PropTypes.func
  },

  getDefaultProps: function() {
    return {
      message: 'props message',
      onClick: function() {
        console.log("I will be executed, only if props.onClick was not specified");
      }
    }
  },

  eventHandler: function() {

  },

  render: function() {

    return (
      <div>
        <small>{this.props.message}</small>
        <button onClick={ this.props.onClick }>button</button>
      </div>  
    );
  }
});

React.render(
  <SmallMessageBox onClick={function() { console.log( "remove me to get the other console.log"); }} message="new message"/>, document.getElementById('react-container'),
  function(){
    console.log('after render');
  }
);

我也鼓励你用它们的类型隐式指定你的props。您可以在此处找到更多信息。