Me gustaría poder cambiar elstyle yclassName de un componente antes de ser renderizado, fuera de su función de renderizado. Tengo más cosas de las que estoy mostrando aquí, pero esta es la idea básica, poder establecer el estilo y className como propiedades de alguna manera:

Lo siguiente funciona solo si la variable "estilo" se mueve dentro de la función de renderizado y se agrega al div como de costumbre (p. Ej.<div style={style}> ) ¿Cómo puedo hacer que funcione lo siguiente?

JS Fiddle que no funciona

EDITAR:Trabajando JS Fiddle aquí!

/** @jsx React.DOM */

var Main = React.createClass({

    render: function() {
       var result = this.doRender();

       var style = {
         border:'1px solid red'
       };

       result.style = style;

       return result;
    },

    doRender: function() {
        return (
          <div>Test</div>
        );
    }
});

React.renderComponent(<Main/>, document.body);