Rendering angular directives inside reactjs component

Question

I want to display the AngularJS directive inside the React component. For example, take the following carousel directive:

var reactComp = React.createClass({
   render: function() {
    return ("<div>\
      <ul rn-carousel class=\"someClass\">\
        <li className=\"someSortOfClass\">\
        </li>\
      </ul>\
     </div>");
   }
});

Apparently, the directive is not called at all. I also tried using the function componentDidMountto respond to the insertion of the correct directive, but I assume that it is a different environment, so the directive is not called either.

Can anyone shed some light on this?