我有一个小Blaze 事件处理如下;
Template.navigation.events({
// Collapse menu in mobile mode after click on element
'click #side-menu a:not([href$="\\#"])': function(){
if ($(window).width() < 769) {
$("body").toggleClass("show-sidebar");
}
}
});
用户界面看起来像:
import React from 'react';
import {render} from 'react-dom';
export default class Navbar extends React.Component {
render() {
return (
<aside id="menu">
<div id="navigation">
<ul className="nav" id="side-menu">
</ul>
</div>
</aside>
)
}
}
我只是将Blaze事件转换为React函数,因此所有在React中的工作方式与在Blaze事件处理中的工作方式相同。
答案可能很简单,但我是React(16.2)的新手,所以我期待软角。