title: onClick handler not registering with ReactDOMServer.renderToString
body: <p>I am trying to copy this fiddle:
  <a href="http://jsfiddle.net/jhudson8/135oo6f8/" rel="noreferrer">http://jsfiddle.net/jhudson8/135oo6f8/</a></p>
  
  <p>(I also tried this example
  <a href="http://codepen.io/adamaoc/pen/wBGGQv" rel="noreferrer">http://codepen.io/adamaoc/pen/wBGGQv</a>
  and the same <code>onClick</code> handler problem exists)</p>
  
  <p>and make the fiddle work for server side rendering, using <code>ReactDOMServer.renderToString</code></p>
  
  <p>I have this call:</p>
  
  <pre><code>   res.send(ReactDOMServer.renderToString((
              &lt;html&gt;
              &lt;head&gt;
  
                  &lt;link href={'/styles/style-accordion.css'} rel={'stylesheet'} type={'text/css'}&gt;&lt;/link&gt;
  
              &lt;/head&gt;
  
              &lt;body&gt;
  
  
              &lt;Accordion selected='2'&gt;
                  &lt;AccordionSection title='Section 1' id='1'&gt;
                      Section 1 content
                  &lt;/AccordionSection&gt;
                  &lt;AccordionSection title='Section 2' id='2'&gt;
                      Section 2 content
                  &lt;/AccordionSection&gt;
                  &lt;AccordionSection title='Section 3' id='3'&gt;
                      Section 3 content
                  &lt;/AccordionSection&gt;
              &lt;/Accordion&gt;
              &lt;/body&gt;
              &lt;/html&gt;
          )));
  </code></pre>
  
  <p>the Accordion element looks like so:</p>
  
  <pre><code>const React = require('react');
  
  const fs = require('fs');
  const path = require('path');
  
  
  const Accordion = React.createClass({
  
      getInitialState: function () {
          // we should also listen for property changes and reset the state
          // but we aren't for this demo
          return {
              // initialize state with the selected section if provided
              selected: this.props.selected
          };
      },
  
      render: function () {
  
          // enhance the section contents so we can track clicks and show sections
          const children = React.Children.map(this.props.children, this.enhanceSection);
  
          return (
              &lt;div className='accordion'&gt;
                  {children}
              &lt;/div&gt;
          );
      },
  
      // return a cloned Section object with click tracking and 'active' awareness
      enhanceSection: function (child) {
  
          const selectedId = this.state.selected;
          const id = child.props.id;
  
          return React.cloneElement(child, {
              key: id,
              // private attributes/methods that the Section component works with
              _selected: id === selectedId,
              _onSelect: this.onSelect
          });
      },
  
      // when this section is selected, inform the parent Accordion component
      onSelect: function (id) {
          this.setState({selected: id});
      }
  });
  
  
  module.exports = Accordion;
  </code></pre>
  
  <p>and the AccordionSection component looks like so:</p>
  
  <pre><code>const React = require('react');
  
  
  const AccordionSection = React.createClass({
  
      render: function () {
  
          const className = 'accordion-section' + (this.props._selected ? ' selected' : '');
  
          return (
              &lt;div className={className}&gt;
                  &lt;h3 onClick={this.onSelect}&gt;
                      {this.props.title}
                  &lt;/h3&gt;
                  &lt;div className='body'&gt;
                      {this.props.children}
                  &lt;/div&gt;
              &lt;/div&gt;
          );
      },
  
      onSelect: function (e) {
          console.log('event:',e);
          // tell the parent Accordion component that this section was selected
          this.props._onSelect(this.props.id);
      }
  });
  
  
  
  module.exports = AccordionSection;
  </code></pre>
  
  <p>everything works, and the CSS is working, but the problem is that the onClick doesn't get registered. So clicking on the accordion elements does nothing. Does anyone know why the onClick handler might not get registered in this situation?</p>