How do you call a jQuery function on a ReactJS element from .jsx script?
<p>I've just started learning ReactJS and there's this thing that occurred to me. </p>

<p>For example:</p>

<p>The function that I would like to execute against a reactjs element:</p>

<pre><code>function initializeInput(selector, color) {
    // just an example function
    $(selector).css("font-size", "21pt");
}
</code></pre>

<p>And a part of my <code>.jsx</code> file:</p>

<pre><code>var myInput = React.createClass({
componentDidMount: function () {
    initializeInput("#" + this.props.inputId);
},
render: function() {
    return (
        &lt;input type="text" value="text goes here" 
               name={this.props.inputName} 
               id={this.props.inputId}/&gt;
    );
}
});
</code></pre>

<p>This function is called successfully, however nothing happens and it seems that things don't just work out that way with jQuery and React. Is it even good to mix them up like that? Thanks.</p>