如何从dom元素（div/img/input）捕捉不同的事件，以及如何用react js与它们互动（获取/设置属性、样式、类）？

html :

<button onClick={test_func}>
</button>
<div class="js_test>
</div>

在jquery中我们这样做!

$(document).on('click', '.js_testreact', fu
    //code
});
$(document).on('EVENT_TYPE', 'ELEMENT_DOM', function(evt) {});

$('ELEMENT_DOM').css();
$('ELEMENT_DOM').attr();
$('ELEMENT_DOM').addClass();

在js中，你可以通过类或id来捕捉所有的事件.js_testreact

那么在React.js中是如何做到的呢？

test_func() {
    //inside here i need to do something with div .js_test 
    // to set text, add new class, set new css style like color: 'red' for example
}