React: Keyboard Event Handlers All 'Null'

Question

I'm unable to get any of the React SyntheticKeyboardEvent handlers to register anything except null for the event properties.

I've isolated the component in a fiddle and am getting the same result as in my application. Can anyone see what I'm doing wrong?

http://jsfiddle.net/kb3gN/1405/

var Hello = React.createClass({     render: function() {       return (       <div>         <p contentEditable="true"            onKeyDown={this.handleKeyDown}            onKeyUp={this.handleKeyUp}            onKeyPress={this.handleKeyPress}>Foobar</p>         <textarea            onKeyDown={this.handleKeyDown}            onKeyUp={this.handleKeyUp}            onKeyPress={this.handleKeyPress}>         </textarea>         <div>           <input type="text" name="foo"             onKeyDown={this.handleKeyDown}            onKeyUp={this.handleKeyUp}            onKeyPress={this.handleKeyPress} />         </div>       </div>       );     },      handleKeyDown: function(e) {       console.log(e);     },      handleKeyUp: function(e) {      console.log(e);     },      handleKeyPress: function(e) {      console.log(e);      } });  React.renderComponent(<Hello />, document.body); 

Answer 1

BinaryMuse provided the answer on IRC. Turns out it's just a quirk; you can't read the properties directly from SyntheticKeyboardEvent -- you need to specify the properties from the handler:

handleKeyUp: function(e) {  console.log(e.type, e.which, e.timeStamp); }, 

http://jsfiddle.net/BinaryMuse/B98Ar/